帶自舉的行流體內部的行流體

Question

我是Bootstrap框架的初學者，在布局設計時遇到了問題。 我想在行流中划分4列，所以我將代碼編寫如下：

但這並沒有達到我的預期，第一個Lorem ipsum中的文本侵占了第二個，並且沒有固定為4列

  <div class="row-fluid">
<div class="span2"></div>
<div class="span8">
    <div class="row-fluid">
        <div class="span3">Lorem ipsum dolor sit amet</div>
        <div class="span3">Lorem ipsum dolor sit amet</div>
        <div class="span3">Lorem ipsum dolor sit amet</div>
        <div class="span3">Lorem ipsum dolor sit amet</div>
    </div>
</div>
<div class="span2"></div>

請任何人可以幫助我，謝謝

Answer 1

嘗試將html包裝在div.container-fluid然后關閉該行的div標簽：

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span2">First</div>
        <div class="span8">
            <div class="row-fluid">
                <div class="span3">Lorem ipsum dolor sit amet</div>
                <div class="span3">Lorem ipsum dolor sit amet</div>
                <div class="span3">Lorem ipsum dolor sit amet</div>
                <div class="span3">Lorem ipsum dolor sit amet</div>
            </div>
        </div>
       <div class="span2">Last</div>
    </div>
</div>