最多展示12个列
container 容器
比喻
盛东西
布局
第一步 把盒子放入一个容器
<div class="container">
</div>
第二步 建立行
<div class="row">
第三步 在行来设置列
根据需求来选定
如果你是做大屏幕
屏幕大于等于1200px(电视机)
你要做6列，那么就是12/6=2
class=col-lg-2
如果你的屏幕变成中屏幕(992-1200),那么你要4列，那么12/3=4(iPad)
class=col-md-3
如果你屏幕变成768-992px屏幕要2，那么你的思路12/6=2(手机)
class=col-sm-6
如果小于768那么直接12列(小型)
class=col-xs-12
bootstrap删格系统
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 样式是container里面一个row, row下分2个div,第一个div里面再嵌套一个 div,让第三项这个d...
- 大家好，我是IT修真院北京分院第27期学员，一枚正直善良的前端程序员今天跟大家分享一下bootstrap的使用。 ...
- 第2章 Bootstrap 网格系统 在这一章，我们将讨论Bootstrap一个最重要的功能：网格系统。我们将学会...
