css - 幅 960px の 12 列のブートストラップ グリッドを設定するにはどうすればよいですか? 行の幅は 1280 です。

Question

12 列に 960 ピクセルのブートストラップ グリッドを設定し、各行の幅を 1280 ピクセルにして、行の背景画像/色のみが幅 1280 ピクセルで、両側に 160 ピクセル (1280-960 / 2) のパディングがあるようにするにはどうすればよいですか?

Answer 1

ブートストラップ フレームワークを使用している場合は<div class="row">、<div class="container">

コンテナは CSS で幅を持つ要素ですが、行には幅がないため、コンテンツがコンテナに含まれている間、ページの幅にまたがります。

ブートストラップ CSS から:

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}