使用Bootstrap设置身体的最大宽度
build立我的第一个网站与Twitter Bootstrap和实验stream体布局。 我已经设置了我的容器是stream体，现在里面的内容占用了整个页面的宽度，并适应调整浏览器的大小。
我正在devise的devise创build的最大宽度为〜950px。
我已经检查了variables.less和responsive.less ，以及Bootstrap文档，我不知道如何做到这一点。 我也尝试添加以下我的style.css ：
body { max-width: 950px; }
编辑
一个更好的方法来做到这一点
-
创build自己较less的文件作为一个主要的less文件（如bootstrap.less）。
-
导入所有需要的less引导文件。 （在这种情况下，您只需导入所有响应较less的文件，但响应1200px-min.less）
-
如果你需要修改原始bootstrap less文件中的任何东西，你只需要编写自己的文件来覆盖bootstrap的更less的代码。 （只要记住在@import {bootstrap的less file}之后放置较less的代码/文件;）。
原版的
我也有同样的问题。 这是我如何解决它。
find媒体查询。
@media (max-width:1200px) ...
去掉它。 （我的意思是整个事情，不只是@media (max-width:1200px) ）
由于Bootstrap的默认宽度是940px，因此不需要执行任何操作。
如果您想拥有自己的最大宽度，只需在媒体查询中修改符合您所需宽度的CSS规则即可。
您不必通过删除@media (max-width:1200px)来修改引导程序响应…
我的应用程序的max-width为1600px。 以下是我的工作原理：
-
创buildbootstrap-custom.css – 尽可能多的，我不想覆盖我原来的引导CSS。
-
在bootstrap-custom.css中，通过包含以下代码覆盖容器stream体：
喜欢这个：
/* set a max-width for horizontal fluid layout and make it centered */ .container-fluid { margin-right: auto; margin-left: auto; max-width: 1600px; /* or 950px */ }
在无响应的情况下，您可以注释掉inputresponsive-1200px-min.less的行。
// Large desktops @import "responsive-1200px-min.less";
像这样：
// Large desktops // @import "responsive-1200px-min.less";
不幸的是，上述都没有解决我的问题。
我不想编辑bootstrap-responsive.css，所以我走了简单的路：
- 创build一个优先于bootstrap-responsive.css的css
- 复制
@media (min-width: 768px) and (max-width: 979px)（自今天起带有最新引导版本2.3.1的行461） - 将其粘贴到高优先级的CSS中
- 在你的CSS中，
@media (min-width: 979px)放在@media (min-width: 768px) and (max-width: 979px)之前。 这将768至979的风格设置为768以上的所有风格。
而已。 这不是最佳的，你会有重复的CSS，但它的作品100％完美！
我不知道这是否在这里指出。 .container宽度的设置必须在Bootstrap网站上设置。 我个人没有编辑或触摸CSS文件中的任何东西来调整我的.container大小是.container 。 在“自定义”选项卡下，有三个部分负责媒体和networking的响应：
- 媒体查询断点
- 网格系统
- 容器大小
除了媒体查询断点 ，我相信大多数人都提到，我也已经将@container-desktop改为(1130px + @grid-gutter-width)和@container-large-desktop改为(1530px + @grid-gutter-width) 。 现在，如果我的浏览器被放大到〜1600px和〜1200px， .container改变它的宽度。 希望它可以帮助。
