如何使容器宽度 960px - 在引导程序 3 中固定

Question

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

我已尝试手动更改它。容器 {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。