爲什麼列的總和超過12？

Question

在Twitter的引導3，列在網格的最大數目是12。我不能找出爲什麼在正式文檔孤單這個例子中，它超過18： http://getbootstrap.com/css/#grid-example-mixed

<!-- Stack the columns on mobile by making one full-width and the other half-width --> 
<div class="row"> 
    <div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</div> 
    <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div> 
</div> 

Answer 1

答案是因爲總數超過12的行將被換行，從而允許在移動設備上進行不同的表示。您使用col-xs類來指定要在移動設備大小中使用的屏幕部分，並且如果超過了12個附加行，則無論該標記是否存在。

您可以通過在演示頁面上調整瀏覽器的大小來查看此信息。

http://getbootstrap.com/css/#grid-responsive-resets

http://getbootstrap.com/css/#grid-example-mixed-complete

：在手機，平板電腦，臺式機和重調的例子具體看