css - 如何使容器宽度为 960px - 在 bootstrap 3 上固定

Question

我想做。宽度为 960px 且位于中间位置的容器，但我无法在 bootstrap3 中制作它

我试过手动更改它。 container {width: 960px} .. 但是当我调整大小时它变得很奇怪

请帮助我。

Answer 1

您必须记住，Bootstrap 3 是移动优先框架。为了更改容器大小，您必须为设置的所有 3 个三个断点更改它。尝试使用以下内容(在更改为您想要的值之后):

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

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

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

对于那些使用 LESS 并编译自己的 css 的人，可以找到/调整 variables.less。