css - 如何在 Bootstrap 3x 中指定一次网格宽度（而不是每个媒体尺寸一次）？

Question

Twitter bootstrap 3.x 更改了网格模型，以便您设置网格单元格宽度以及将其应用于的媒体大小：

 e.g. col-md-4,  col-lg-12    (previously span4, span5)

是否有一些捷径可以为任何媒体尺寸指定相同的单元格尺寸？所以我不必这样做来让项目成为所有媒体尺寸的 4 网格单元：

 <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">...</div>

Answer 1

是的！绝对没有必要像你展示的那样使用它。您可以<div class="col-xs-4">用于所有网格尺寸。Bootstrap Grid 使用较小的所有网格向上。

您也可以<div class="col-md-4">将 4 用于 md 和 lg 尺寸，但在较低的介质尺寸上阻止。

Bootstrap 足够聪明，可以理解，如果 XS 尺寸较小，则该列的尺寸应为 4，以毫无问题地应用于其余的较大宽度尺寸。（当然，您可以覆盖指定每个网格大小）

希望它足够清楚：D