2013-11-15 126 views
3

在Twitter的引导3,列在网格的最大数目是12。我不能找出为什么在正式文档孤单这个例子中,它超过18: http://getbootstrap.com/css/#grid-example-mixed为什么列的总和超过12?

<!-- 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> 

回答

6

答案是因为总数超过12的行将被换行,从而允许在移动设备上进行不同的表示。您使用col-xs类来指定要在移动设备大小中使用的屏幕部分,并且如果超过了12个附加行,则无论该标记是否存在。

您可以通过在演示页面上调整浏览器的大小来查看此信息。

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

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

:在手机,平板电脑,台式机和重调的例子具体看