css - 为什么这个跨度列被偏移？

Question

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

有时会发生这种情况，我还没有确定确切的情况......有时我尝试嵌套<div>使用row-fluid，但我得到了屏幕截图中显示的结果。

孩子span6div 有一个left-margin我似乎无法摆脱。

我希望能够在其中嵌套两个...... 应该有可能，不是吗？span6 <div>row-fluid <div>

Answer 1

要在 a 中构建布局.row-fluid，Bootstraps 适用于每个.spanNa 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之外的标题。