twitter-bootstrap - 列スタックのブートストラップのサイズを知る

Question

私はcol-md-8と の 2 列を持っておりcol-md-4、拡張するまでウィンドウのサイズを変更col-md-4し、一番下に積み重ねて、そのサイズで何かをしたい..

Answer 1

それは実際に何をしたいかによって異なり、新しい col- コードをよりよく理解する必要があります。以下のコードを見てください -

<div class="row">
    <div class="well col-xs-4 col-sm-5 col-md-6 col-lg-7">A</div>
    <div class="well col-xs-8 col-sm-7 col-md-6 col-lg-5">B</div>   
</div>

4 つの異なるサイズ (xs、sm、md、lg) では、列のサイズは div A と B の両方で変わります。

• xs(極小)は4/8分割になります
• sm(小)は5/7分割になります
• md (ミディアム) は 6/6 分割になります
• lg (大) は 7/5 分割になります

これにより、画面の幅の変化に応じてさまざまなレイアウトを簡単に表示できます。

（レイアウトの変更が発生したときに簡単に確認できるように、追加の「ウェル」クラスを追加しました....）