为什么这个span列被偏移？

Question

我正在使用Twitter bootstrap开发一个网站，屏幕截图为

这种情况有时会发生，而且我还没有设法确定具体情况......有时我会尝试使用<div>来嵌套row-fluid，但我会在屏幕截图中显示结果。

孩子span6 div有left-margin我似乎无法摆脱。

我希望能够在span6 <div>内嵌入两个 row-fluid <div> ...这应该是可能的，没有？

Answer 1

要在.row-fluid内构建布局，Bootstraps适用于每个.spanN和margin-left：

.row-fluid [class*="span"] {
    margin-left: 2.76243%;
}

然后，它会将此属性覆盖为:first-child：

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

正如您在第一个<h2>之前加入.span6一样，它会成为第二个元素，:first-child选择器不会影响它。
因此，要解决您的问题，请将该标题从您放置跨度的.row-fluid开始。

Answer 2

我想我已经找到了答案。

罪魁祸首是<h2>在父div 内前进，但在子div 之外。