我在我的项目中使用 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 中查看检查器。它只是显示行有额外的长度,就好像每个行的末尾都有另一个元素,即使那里什么都没有。这是页面的实际外观:
请注意我之前提到的差距。有什么办法可以解决这个问题吗?