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寬。