bootstrap的栅格划分一般采用默认的12个栅格的方式,一般代码如下:
<div class="container">
<ul class="row">
<li></li>
<li></li>
<li></li>
</ul>
</div>
如果在container和row之间定义了宽度,则以此处定义的宽度来划分栅格,代码如下:
<div class="container">
<section style="width:calc(100% - 150px);">
<ul class="row">
<li></li>
<li></li>
<li></li>
</ul>
</section>
</div>这种情况下,如果给li元素赋予col-4,则li元素形成的栅格是以“100%-150px”之后的新宽度来划分栅格的。