レスポンシブ レイアウトを作成する必要があり、以前にブートストラップを使用したことがありますが、実際にこれを試みたことはありません。全幅のデザインを作成するのは非常に簡単ですが、最大幅 900px の 2 列のレイアウトが必要です。
私がやろうとしていることの例は、実際にはここのスタックオーバーフローで見ることができます。このサイトには 2 つの列がありますが、どちらの列も現在ページの中央に配置されており、左右にスペースがあります。私はそれが必要です(そして小さな画面でも反応します)。
レスポンシブ レイアウトを作成する必要があり、以前にブートストラップを使用したことがありますが、実際にこれを試みたことはありません。全幅のデザインを作成するのは非常に簡単ですが、最大幅 900px の 2 列のレイアウトが必要です。
私がやろうとしていることの例は、実際にはここのスタックオーバーフローで見ることができます。このサイトには 2 つの列がありますが、どちらの列も現在ページの中央に配置されており、左右にスペースがあります。私はそれが必要です(そして小さな画面でも反応します)。
コンテナに id があると仮定すると、次のように左右のマージンcontainer
を指定することでコンテナを中央に配置できます。auto
#container {
margin: 0 auto;
}
デフォルトのブートストラップ グリッドの幅は、デフォルトで960px
中央揃えになっています。container
likeというクラスを割り当てるだけです
<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>