即使@grid-gutter-width 为 0，引导 3 列也不会接触答案

【问题标题】：Bootstrap 3 columns not touching even though @grid-gutter-width is 0即使@grid-gutter-width 为 0，引导 3 列也不会接触
【发布时间】：2013-09-14 19:37:13
【问题描述】：

我在我的项目中使用 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 中查看检查器。它只是表明行有额外的长度，就好像每行的末尾有另一个元素，即使那里什么都没有。这是页面的实际外观：

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

【问题讨论】：

对不起！ here's the source on Pastebin

标签： css twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

如果你数col-md-10中的col-md-*，它们加起来只有11，它们需要加到12才能与col-md-2的内容相结合。

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

【讨论】：