twitter-bootstrap - 在行流体中 Bootstrap 多行跨度

Question

This question非常相似，尽管它没有回答我的问题。

An answer like this会很好，只要它适用于响应式布局，例如.row-fluid，目前还没有。

在 Bootstrap 中是否有可能像这样在该行中有一个流动的行和多个行:

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12">
        </div>
        <div class="span12">
        </div>
        <div class="span12">
        </div>
    </div>
</div>

第二行 span 没有奇数左边距？

Click here for a JSFiddle example

本质上，我需要的是在 .row-fluid 中有多行跨度，在第一次破坏布局后没有行。

Answer 1

嗯，位移是由 margin-left 引起的。

这并不理想，但您始终可以覆盖 CSS:

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

但实际上，错误似乎在于您声明了 12 个 span3 DIV，总共 36 个。12 是流体容器的限制，因此您需要制作这些 span1 :

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span1">1
        </div>
        <div class="span1">2
        </div>
        <div class="span1">3
        </div>
        <div class="span1">4
        </div>
        <div class="span1">5
        </div>
        <div class="span1">6
        </div>
        <div class="span1">7
        </div>
        <div class="span1">8
        </div>
        <div class="span1">9
        </div>
        <div class="span1">10
        </div>
        <div class="span1">11
        </div>
        <div class="span1">12
        </div>
    </div>
    <div class="row-fluid">
        <div class="span3">
            1
        </div>
        <div class="span3">
            2
        </div>
        <div class="span3">
            3
        </div>
        <div class="span3">
            4
        </div>
    </div>
    <div class="row-fluid">
        <div class="span3">
            1
        </div>
        <div class="span3">
            2
        </div>
        <div class="span3">
            3
        </div>
        <div class="span3">
            4
        </div>
    </div>
</div>

看这里:

http://jsfiddle.net/7Lu43/51/