1

ブートストラップ 3 でこの効果を達成しようとしています: http://i.stack.imgur.com/BZRRC.png

Bootstrap はデフォルトで 12 列を使用します。現在の行のすべての列幅の合計が 12 を超える場合、オーバーフローした列は「次の行」の下になります。

現在、div は次のようになっています。

<div class="row">
  <div class="col-md-4">
     ...[left window]
  </div>
  <div class="col-md-6 col-md-pull-1">
     ...[middle, bigger window]
  </div>
  <div class="col-md-4 col-md-pull-2">
     ...[right window]
  </div>
</div>

これは14列です。中央のウィンドウが左のウィンドウに正しく重なっています。しかし、右のウィンドウは左のウィンドウの下になりますが、左に 2 列あります。

12 個以上 (この場合は 14 個) ある場合でも、この動作を防ぎ、すべての col-md-* を同じ行に保持する方法はありますか?

4

2 に答える 2

0

私の知る限り、ブートストラップをそのまま使用することはできません。代わりに、最後の列でクラスを使用し、負のマージンを追加します。

HTML と bootstrap3 の例: http://cdpn.io/bAKfj

于 2013-10-24T11:08:32.620 に答える