css - 如何设置 12 列宽度为 960 像素但行宽度为 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;
  }
}