如果您查看：http://twitter.github.com/bootstrap/scaffolding.html#responsive，他们几乎为每个设备提供了类别。我想删除最后一个支持设备条目：
Large display 1200px and up 70px 30px
我是后端程序员，不是设计师，所以我的 css 知识有限。有人可以指出我需要修改哪些文件才能摆脱对大显示器的支持吗？
谢谢！
（PS 如果有人想知道我为什么要这样做，这是公司标准等等等等 1024px 等等。）
【问题讨论】：
标签： html css twitter-bootstrap less
好的，这并不难，从 bootstrap-responsive.css 的第 437 行开始，删除整个部分：
@media (min-width: 1200px) {
...
}
现在只需更改这一行
@media (max-width: 979px) {
到这里：
@media (min-width: 1200px) {
轻松破解！
编辑更好的解释：
如果您查看 bootstrap-responsive.css，然后查看除“媒体查询”之外的所有废话，您基本上会得到以下大纲：
/* Landscape phones and down */
@media (max-width: 480px) { ... }
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
/* Desktop */
@media (max-width: 979px) { ... }
/* Large desktop */
@media (min-width: 1200px) { ... }
看看它是如何逐渐扩大规模的？我所做的是删除最后一部分，然后将第二部分更改为最后一部分。
编辑：
顺便说一句，如果您使用 boostrap 自定义向导，您可以通过取消选择大型显示器支持在他们的 GUI 上执行此操作。
【讨论】：
另一种方法是将 1200px 网格变量设置为常规网格值的值。使用这种方法，您可以避免更新源代码并避免升级问题：
@gridColumnWidth1200: 60px;
@gridGutterWidth1200: 20px;
【讨论】：
最好还是删除：
@media (min-width: 1200px) { ... }
它只会对所有桌面尺寸使用@media (max-width: 979px) 的格式
【讨论】：
如果您使用的是 maxcdn 版本的 bootstrap 或者只是不想接触源代码，只需在加载 bootstrap 样式表后粘贴以下 css 即可。
@media (min-width: 1200px) {
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 940px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.127659574468085%;
*margin-left: 2.074468085106383%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.127659574468085%;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11 {
width: 91.48936170212765%;
*width: 91.43617021276594%;
}
.row-fluid .span10 {
width: 82.97872340425532%;
*width: 82.92553191489361%;
}
.row-fluid .span9 {
width: 74.46808510638297%;
*width: 74.41489361702126%;
}
.row-fluid .span8 {
width: 65.95744680851064%;
*width: 65.90425531914893%;
}
.row-fluid .span7 {
width: 57.44680851063829%;
*width: 57.39361702127659%;
}
.row-fluid .span6 {
width: 48.93617021276595%;
*width: 48.88297872340425%;
}
.row-fluid .span5 {
width: 40.42553191489362%;
*width: 40.37234042553192%;
}
.row-fluid .span4 {
width: 31.914893617021278%;
*width: 31.861702127659576%;
}
.row-fluid .span3 {
width: 23.404255319148934%;
*width: 23.351063829787233%;
}
.row-fluid .span2 {
width: 14.893617021276595%;
*width: 14.840425531914894%;
}
.row-fluid .span1 {
width: 6.382978723404255%;
*width: 6.329787234042553%;
}
.row-fluid .offset12 {
margin-left: 104.25531914893617%;
*margin-left: 104.14893617021275%;
}
.row-fluid .offset12:first-child {
margin-left: 102.12765957446808%;
*margin-left: 102.02127659574467%;
}
.row-fluid .offset11 {
margin-left: 95.74468085106382%;
*margin-left: 95.6382978723404%;
}
.row-fluid .offset11:first-child {
margin-left: 93.61702127659574%;
*margin-left: 93.51063829787232%;
}
.row-fluid .offset10 {
margin-left: 87.23404255319149%;
*margin-left: 87.12765957446807%;
}
.row-fluid .offset10:first-child {
margin-left: 85.1063829787234%;
*margin-left: 84.99999999999999%;
}
.row-fluid .offset9 {
margin-left: 78.72340425531914%;
*margin-left: 78.61702127659572%;
}
.row-fluid .offset9:first-child {
margin-left: 76.59574468085106%;
*margin-left: 76.48936170212764%;
}
.row-fluid .offset8 {
margin-left: 70.2127659574468%;
*margin-left: 70.10638297872339%;
}
.row-fluid .offset8:first-child {
margin-left: 68.08510638297872%;
*margin-left: 67.9787234042553%;
}
.row-fluid .offset7 {
margin-left: 61.70212765957446%;
*margin-left: 61.59574468085106%;
}
.row-fluid .offset7:first-child {
margin-left: 59.574468085106375%;
*margin-left: 59.46808510638297%;
}
.row-fluid .offset6 {
margin-left: 53.191489361702125%;
*margin-left: 53.085106382978715%;
}
.row-fluid .offset6:first-child {
margin-left: 51.063829787234035%;
*margin-left: 50.95744680851063%;
}
.row-fluid .offset5 {
margin-left: 44.68085106382979%;
*margin-left: 44.57446808510638%;
}
.row-fluid .offset5:first-child {
margin-left: 42.5531914893617%;
*margin-left: 42.4468085106383%;
}
.row-fluid .offset4 {
margin-left: 36.170212765957444%;
*margin-left: 36.06382978723405%;
}
.row-fluid .offset4:first-child {
margin-left: 34.04255319148936%;
*margin-left: 33.93617021276596%;
}
.row-fluid .offset3 {
margin-left: 27.659574468085104%;
*margin-left: 27.5531914893617%;
}
.row-fluid .offset3:first-child {
margin-left: 25.53191489361702%;
*margin-left: 25.425531914893618%;
}
.row-fluid .offset2 {
margin-left: 19.148936170212764%;
*margin-left: 19.04255319148936%;
}
.row-fluid .offset2:first-child {
margin-left: 17.02127659574468%;
*margin-left: 16.914893617021278%;
}
.row-fluid .offset1 {
margin-left: 10.638297872340425%;
*margin-left: 10.53191489361702%;
}
.row-fluid .offset1:first-child {
margin-left: 8.51063829787234%;
*margin-left: 8.404255319148938%;
}
}
基本上它对 1200px 强制使用 960px css。
【讨论】：
无需破解或更新引导 CSS 文件。您可以通过限制容器进一步增长来禁用效果。使用：
.container-fluid,
.container {
// Disable large-desktop breakpoint.
max-width: $container-md;
}
$container-md 的值通常为 970px，除非您更改了 $grid-gutter-width。对于 LESS，将变量的 $ 替换为 @。对于常规 CSS，将变量替换为硬编码的像素大小。
【讨论】：