//注意下面这种情况，平分8列时，并不是设置它为两个4，而是两个6，因为bootstrap中是12列栅格分布。 22 下面来看一下流式布局的应用, 对比固定布局来看。 333444333444333444 当屏幕小于768px时，效果如下： 当屏
//注意下面这种情况，平分8列时，并不是设置它为两个4，而是两个6，因为bootstrap中是12列栅格分布。 22
下面来看一下流式布局的应用,对比固定布局来看。333444333444333444
当屏幕小于768px时，效果如下：
当屏幕大于992px时，效果如下：此时独占一行
row-fluid类（非常重要），决定是否是流布局。然后里面的内容块代码编写与网格系统一致，依然是从col-md-1到col-md-12，分别对应于不同的百分比.
2124
当设备小于768px时，效果如下：当设备>=992px时。效果如下：
上面两种类，分别表示的分辨率不一样。col-md-12此时表示每列独占一行即12列。
作者：向婷风
出处：
如果您觉得阅读本文对您有帮助，请点一下“推荐”按钮，您的“推荐”将是我最大的写作动力！欢迎各位转载，但是未经作者
本人同意 转载文章之后必须在 文章页面明显位置给出作者和原文连接，否则保留追究法律责任的权利。
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
相关文章
HTTP协议学习随笔 - 糖醋酸辣椒
2017-05-01 18:03
对于Bootstrap的介绍以及如何使用 - novai-L
2017-04-29 09:00
JS组件系列——自己动手封装bootstrap-treegrid组件 - 懒得安分
2017-04-28 14:02
【react学习】关于react框架使用的一些细节要点的思考 - 外婆的彭湖
2017-04-16 18:00
网友点评
精彩导读
热门资讯
关注我们
