如何选择容器960像素宽，而不是1200像素的引导(How to choose the contai

如何选择容器960像素宽，而不是1200像素的引导？

Answer 1:

你只想要一个固定宽度的网站？ 如果是的话那么就是不包括bootstrap-responsive.css 。 对于一个固定的宽度容器的默认宽度将是960像素。

否则，如果你仍然希望响应的功能，但没有1200像素的容器，你将需要自定义您的引导安装。 要做到这一点：

• 转到http://twitter.github.com/bootstrap/customize.html
• 根据该响应部分中取消选中“桌面大（> 1200像素）”
• 在该页面，点击“自定义和下载”的底部，让您的自定义启动

Answer 2:

自举在屏幕上设置容器宽度1170px比1200像素宽。
从992px到1200像素宽度容器的画面被设定为970像素。 你可以阅读更多关于自举的网格这里
现在，如果你想设置的容器设置为760px的大屏幕，你必须找到这和编辑bootstrap.css或将此代码添加到您的自定义CSS：

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

和

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

希望这可以帮助

Answer 3:

这对我的作品。

！重要的是不推荐使用。 但你可以试试。

.container, .container-fluid{
 width: 960px !important;
}

Answer 4:

对于Bootstrap3，你可以自定义它来获取默认960像素（ http://getbootstrap.com/customize/ ）

1. 变化@容器-LG从（（1140px + @网格沟宽度））至（（940px + @网格沟宽度））。
2. 变化@网格沟宽度从30像素为20px。

然后下载引导的定制版本，并使用它。 它应该是960像素默认了。

Answer 5:

如果使用的是青菜和引导V3.3.1，只导入引导之前定义这些变量：

$grid-gutter-width: 20px;
$container-large-desktop: 940px + $grid-gutter-width;

欲了解更多信息，请检查变量的源文件： https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_variables.scss

文章来源: How to choose the container 960px wide and not to 1200px in Bootstrap