Bootstrap 3 gridsize

Question

我想在bootstrap 3中找出新的网格系统（我是Bootstrap中的新手）。

在bootstrap tutorial他们指出，电网有12个单位但.col-xs总和往往达到18，而其他达到12

我想不通为什么。

Answer 1

正如您在grid options中看到的，网格对于任何屏幕尺寸总是有12列。请记住，你可以在一个DIV多列类，如：

<div class="col-xs-12 col-md-8">stuff</div> 

这将使该div上的超小型设备12列，8列宽中等。

编辑：

我觉得这个例子可能是你指的（here's its fiddle）什么：

<div class="row"> 
    <div id="a" class="col-xs-12 col-sm-6 col-md-8">.col-xs-12 .col-sm-6 .col-md-8</div> 
    <div id="b" class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div> 
</div> 

这将第一列保留到12的额外的小屏幕的宽度，和第二列将被碰撞到下一行（宽度为6列）。然而，在小屏幕上，第一列将是6宽，第二列将是6宽。