绵阳梓潼网站制作公司

bootstrap栅格系统显示规则

移动设备优先(bootstrap 3.x版)

xs总是水平排放

sm小于768px时    垂直排放
sm大于等于768px  水平排放

md小于992px时    垂直排放
md大于等于992px时    水平排放

lg小于1200px时    垂直排放
lg大于等于1200px  水平排放

总结:

成都创新互联专注为客户提供全方位的互联网综合服务，包含不限于成都做网站、成都网站设计、绥德网络推广、重庆小程序开发公司、绥德网络营销、绥德企业策划、绥德品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联为所有大学生创业者提供绥德建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com

   1  较大尺寸未设置时，默认会继承较小的尺寸


    1
    2
    3

像上面的情况：大屏和中等屏都是3列显示，小于中等屏(也就是<992px)的时候就会垂直显示

   2  响应式布局: 根据尺寸变化，当达到临界值时，匹配相应的设置


bootstrap中的媒体查询

bootstrap栅格系统显示规则

3 理解水平排放和垂直排放和总是水平排放的原理

  1. 水平排放，说明该栅格是具有浮动属性的，bs都是用的float:left，左浮动

  2. 垂直排放，说明该栅格是不具有浮动属性，那么该div就会独占一行，所以就会垂直排放，并且在bs中会同时让该元素的width设置成100%，所以此时就是一整行排放了

  3. 总是水平排放(col-xl-*)，说名拥有col-xl-*类名的div，始终具有float属性。注意，总是水平排放，不代表拥有col-xl-*类名的div不能垂直排放，比喻说让每一个div添加col-xl-12类名，就是垂直排放，因为此时width是100%，但是他们还是拥有float属性



当前标题：bootstrap栅格系统显示规则
本文来源：http://myzitong.com/article/igcpdd.html

其他资讯