少于12列的bootstrap 3.0网格

Question

我正在尝试使用仅有7列的网格创建日历.我希望这7列均匀分布并适合整行.目前,7列不添加12列,我得到12列,其中5列为空.在Bootstrap 3中是否有一种方法可以将所有7个分布在整行中？

Answer 1

简短的回答：也许不是？

来自网格描述：

Remember, grid columns should add up to twelve for a single horizontal block. More than that, and columns start stacking no matter the viewport.

选择数字 12 是因为它具有较高的多功能性（您可以拥有：1、2、3、4、6 或 12 列），但此类解决方案始终存在一些警告：它们需要符合其标准。

现在，当您像这样创建 7 个 div 时会发生什么：<div class="col-md-1">？我做了一个快速测试，结果是，我有 7 列。当然，它们只占我容器宽度的 7/12 - 所以如果可以接受，那么您可以使用它。

如果没有，您要么必须使用自己的解决方案（利用现有的引导类或从空白开始），修改引导程序（可能，但我建议反对，因为它会给未来的可维护性带来问题），或者更改您的设计。或者也许只是使用其他一些组件/模板？