即使@ grid-gutter-width为0，Bootstrap 3列也不会触及

Question

我在我的项目中使用Bootstrap 3来制作高中作业组织者。周末的两列应该是正常，工作日列的宽度的一半，并且行应该具有双倍高度，如下图所示：

我的解决方案是将普通列的内容放在<div class="col-md-10">中，将其他两列放在div class="col-md-2"中，就像this example一样。

问题在于，在普通列的每一行的末尾，该行占用额外的60个左右的像素（即使LESS源中的@ grid-gutter-width变量设置为0，并且每个顶级列中的所有子列都没有按照预期的宽度接触，因此col-md-10和col-md-2不会接触。在Chrome中查看检查器。它只是显示行具有额外的长度，就好像另一个元素位于每行的末尾，即使没有任何东西。这就是页面的实际外观：

请注意我之前提到的差距。有什么办法可以修复吗？

Answer 1

如果您计算col-md-*中col-md-10的{​​{1}}，他们最多只需加11，他们最多需要加12才能加入col-md-2的内容。

我将主题更改为col-md-2而不是col-md-1，并且它已加入