bootstrap删格系统

最多展示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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容