css - Twitter Bootstrapで2つのスパンを1行の中央に配置するにはどうすればよいですか？

Question

Bootstrapの中央に2つのspan6divを配置するのに問題があります。コンテナ流体内の単一の行内にこれらの2つのdivがありますが、すべてが左側に固定されています。2つのdivを並べて表示し、可能であれば中央に配置したいのですが、画面が小さすぎる場合は、2番目のスパンを最初のスパンの下に配置します。

どんな助けでもいただければ幸いです。

Answer 1

デフォルトでは、マークアップは次のようになります。

<div class="container-fluid">
    <div class="row">
        <div class="span6"></div>
        <div class="span6"></div>
    </div>
</div>

または：

<div class="span12">
    <div class="row">
        <div class="span6"></div>
        <div class="span6"></div>
    </div>
</div>

2 番目の要素を最初の要素の.span6下に表示するには、おそらくメディア クエリ.container-fluidを使用してコンテナのサイズを変更し、.span*クラスに最小幅を与えることをお勧めします。 .span62 番目は 1 番目より下に強制されます。