0

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

应该发生什么

我的解决方案是将包含普通列的内容放在其中<div class="col-md-10">,将其他两列放在 a 中div class="col-md-2",就像在这个例子中一样。

问题是在普通列的每一行的末尾,该行占用了额外的 60 左右像素(即使 LESS 源中的 @grid-gutter-width 变量设置为 0,并且所有子每个顶级列中的列都没有按应有的装订线宽度接触),因此 col-md-10 和 col-md-2 没有接触。在 Chrome 中查看检查器。它只是显示行有额外的长度,就好像每个行的末尾都有另一个元素,即使那里什么都没有。这是页面的实际外观:

实际发生了什么

请注意我之前提到的差距。有什么办法可以解决这个问题吗?

4

1 回答 1

1

如果你算上它们中的col-md-*',col-md-10它们加起来只有11,它们需要加起来12才能与内容相结合col-md-2

我将主题更改为 acol-md-2而不是 acol-md-1并且它加入了在此处输入图像描述

于 2013-09-14T20:22:14.330 回答