0

更新
に を指定するmax-widthと.container、spansストップが適切に並びます。

<div class="container" style="max-width:940px">
  <div class="row">
    <div class="span4" style="background-color:#F00">1</div>
    <div class="span4" style="background-color:#F00">2</div>
    <div class="span4" style="background-color:#F00">3</div> 
    <div class="span4" style="background-color:#F00">4</div>  <!-- make a new line-->                
    <div class="span4" style="background-color:#F00">5</div>  
  </div>
</div>

スパンをラップしても同じ効果があるようです。これを回避する方法はありますか？

ライブプレビューはこちら

4

2 に答える 2

0

Bootstrap は、1 つの行に 5 * span4 を持つ 12 列の CSS グリッド システムを操作します。行は、新しい行に折り返される前に 3 * span4 しか含めることができません。

1 つの実線の行が必要な場合は、spanX の合計が 12 を超えることはできないことに注意してください。

参照: http://getbootstrap.com/css/#grid-example-basic

于 2013-10-01T07:19:02.090 に答える
0

これは、Bootstrap の幅が 12 列であるためです。

最初の3つのdivには4 + 4 + 4列があるため、他のdivを印刷する前に改行します。

幅を減らしてみてください...クラス「span2」の例では、変更が表示されます:)

于 2013-10-01T07:15:05.563 に答える