html - ブートストラップ付き行流体内の行流体

Question

私は Bootstrap フレームワークの初心者で、デザインをレイアウトするときに問題が発生しました。行流体内で 4 列を分割したいので、次のようにコードを記述します。

最初の Lorem ipsum のテキストが 2 番目のテキストに侵入し、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>