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

时间:2014-01-21 10:16:16

标签: css twitter-bootstrap frameworks twitter-bootstrap-3 containers

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

中创建它

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

请帮帮我。

1 个答案:

答案 0 :(得分:0)

你必须记住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的人,可以找到/调整这些变量。