1

レスポンシブ レイアウトを作成する必要があり、以前にブートストラップを使用したことがありますが、実際にこれを試みたことはありません。全幅のデザインを作成するのは非常に簡単ですが、最大幅 900px の 2 列のレイアウトが必要です。

私がやろうとしていることの例は、実際にはここのスタックオーバーフローで見ることができます。このサイトには 2 つの列がありますが、どちらの列も現在ページの中央に配置されており、左右にスペースがあります。私はそれが必要です(そして小さな画面でも反応します)。

4

2 に答える 2

2

コンテナに id があると仮定すると、次のように左右のマージンcontainerを指定することでコンテナを中央に配置できます。auto

#container { 
   margin: 0 auto;
}

デフォルトのブートストラップ グリッドの幅は、デフォルトで960px中央揃えになっています。containerlikeというクラスを割り当てるだけです

<div class="container">
     <!-- The begin your row -->
     <div class="row">
          <div class="span8">
               Demo right part of stackoverflow
          </div>
          <div class="span4">
               Demo left part of stackoverflow         
          </div>
     </div>
</div>
于 2013-09-15T23:32:40.000 に答える