0

http://img46.imageshack.us/img46/8079/w5hk.png

これが「行流体」でのみ発生する理由がわかりません。最初の div は少し実行されます。< div class="row" > では問題なく動作しますが、 < div class="row-fluid" > では動作しません

コード：

  <div id="wrap">
      <div class="container">
        <div class="row-fluid">
          <div class="span6 offset3" >Hello 1</div>
          <div class="span6 offset3" >Hello 2</div>
          <div class="span6 offset3" >Hello 3</div>
          <div class="span6 offset3" >Hello 4</div>
        </div>
4

1 に答える 1

0

デフォルトでは、Fluid コンテナーは引き続き 12 列のレイアウトに基づいています。それらの幅は、固定値ではなくパーセンテージです。

現在、マークアップには 36 列あります ( .span6* 4 = 24 列 + .offset3* 4 = 12 列、合計 36 列)。36 列は 12 列のレイアウトには収まりません。

クラスを「span3」または「span2 offset1」に変更してみてください。何らかの形で、合計は常に12に等しくなければなりません。

さらに、コンテナ クラスも「コンテナ流体」にする必要があります。

于 2013-07-12T21:11:36.440 に答える