如何在Bootstrap中选择960px宽的容器而不是1200px的容器

Question

如何在Bootstrap中选择960px宽的容器而不是1200px 的容器？

Answer 1

Bootstrap在宽度超过1200px的屏幕上将容器宽度设置为1170px.
对于992px到1200px的屏幕,容器宽度设置为970px.您可以在此处阅读有关bootstrap网格的更多信息.
现在,如果要将容器设置为大屏幕的760px,则必须在bootstrap.css中找到并编辑或将此代码添加到自定义css中:

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

和

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

希望这可以帮助

Answer 2

你想要一个固定宽度的网站吗？如果是,那么就不要包括bootstrap-responsive.css.固定宽度容器的默认宽度为960px.

否则,如果您仍然需要响应功能但没有1200px容器,则需要自定义引导程序安装.要做到这一点:

• 转到http://twitter.github.com/bootstrap/customize.html
• 在响应部分下取消选中"Large desktops(> 1200px)"
• 在页面底部单击"自定义并下载"以获取自定义引导程序