重庆分公司

咨询热线：

028-86922220

关于我们

服务项目

小程序开发

案例展示

建站动态

联系我们

地址：成都市太升南路288号锦天国际A幢1002号

电话：028-86922220

028-86922220

重庆分公司，新征程启航

为企业提供网站建设、域名注册、服务器等服务

bootstrap栅格系统显示规则-创新互联

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

xs总是水平排放

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

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

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

总结:

我们提供的服务有：成都网站设计、成都做网站、微信公众号开发、网站优化、网站认证、海城ssl等。为上千多家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的海城网站制作公司

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

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

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

bootstrap中的媒体查询

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

水平排放，说明该栅格是具有浮动属性的，bs都是用的float:left，左浮动
垂直排放，说明该栅格是不具有浮动属性，那么该div就会独占一行，所以就会垂直排放，并且在bs中会同时让该元素的width设置成100%，所以此时就是一整行排放了
总是水平排放(col-xl-*)，说名拥有col-xl-*类名的div，始终具有float属性。注意，总是水平排放，不代表拥有col-xl-*类名的div不能垂直排放，比喻说让每一个div添加col-xl-12类名，就是垂直排放，因为此时width是100%，但是他们还是拥有float属性

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

本文名称：bootstrap栅格系统显示规则-创新互联
本文URL：http://cqcxhl.cn/article/disioo.html