我正在尝试找出Bootstrap 3中的新网格系统（一般来说，我是Bootstrap的新手）。
在引导程序教程中，他们指出网格有12个单位，但.col-xs总和通常达到18个单位，而其他单位达到12个单位。
我不知道为什么。
如您在网格选项中所见，对于任何屏幕尺寸，网格始终有12列。请记住，一个div上可以有多个列类，例如：
<div class="col-xs-12 col-md-8">stuff</div>
这将使该div在超小型设备上为12列，在中型设备上为8列宽。
编辑：
我认为这个示例可能就是您所指的（这是它的小提琴）：
<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宽。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句