css - 为什么这个跨度列被抵消了？

Question

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

这种情况有时会发生，我还没有弄清楚具体情况……有时我会尝试嵌套一个 <div>使用 row-fluid但我得到了屏幕截图中显示的结果。

child 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 中取出标题放置 span 的位置。