Boostrap对于布局的核心在于它的栅格系统,即对不同分辨率下设置了一套相对普适的样式,我们先看Boostrap.css中预定义的几种设备分类。
所以,在bootstrap下,我们常常是这样进行流式布局的:
<div class="container-fluid">
<div class="row">
...
</div>
</div>
适应不同分辩率时是采取如下代码:(如为手机和笔记本做分辨率适配)
<div class="row">
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
</div>
但是,在boot
所以,在bootstrap下,我们常常是这样进行流式布局的:
<div class="container-fluid">
<div class="row">
...
</div>
</div>
适应不同分辩率时是采取如下代码:(如为手机和笔记本做分辨率适配)
<div class="row">
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
</div>
但是,在boot