我正在用 Twitter bootstrap 开发一个网站,截图是
这种情况有时会发生,我还没有弄清楚具体情况……有时我会尝试嵌套一个 <div>
使用 row-fluid
但我得到了屏幕截图中显示的结果。
child span6
div 有一个 left-margin
我似乎无法摆脱。
我希望能够嵌套两个 span6
<div>
里面row-fluid
<div>
……应该可以吧?
最佳答案
在 .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 的位置。
关于css - 为什么这个跨度列被抵消了?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12290346/