如果你看：http://twitter.github.com/bootstrap/scaffolding.html#responsive他們幾乎每個設備的類別。我想，以消除最後的支撐設備條目：Twitter引導：擺脫1200px大顯示器如何？
Large display 1200px and up 70px 30px
我是一個程序員的後端，而不是一個設計師，所以我的CSS知識是有限的。有人可以指向我需要修改的文件，以擺脫對大型顯示器的支持嗎？
謝謝！
（PS如果你想知道我爲什麼會這樣，這是企業標準等等等等1,024像素等等等等。）
確定這並不難，開始對自舉responsive.css的437線，刪除整個節：
@media (min-width: 1200px) {
...
}
現在只要這一條線
@media (max-width: 979px) {
改成這樣：
@media (min-width: 1200px) {
容易破解！
編輯更好的解釋：
如果你看一下自舉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) { ... }
看它是如何逐漸擴大的？我所做的就是刪除最後一部分，然後將第二部分更改爲最後一部分。
編輯：
順便說一句，如果您使用的自舉自定義嚮導，您可以通過取消選擇大型顯示器支持這樣做對他們的GUI。
另一種方法是將1200px網格變量設置爲常規網格值的那些值。使用此方法，您可以避免更新源並避免升級問題：
@ gridColumnWidth1200：60px;
@ gridGutterWidth1200：20px;
最好的是隻是刪除：
@media (min-width: 1200px) { ... }
而且將只使用格式爲@media (max-width: 979px)所有桌面如果您正在使用引導的maxcdn版本，或者只是不希望觸及大小
源代碼，只需粘貼加載引導樣式表後放置下面的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。
940對我來說太小了，所以我將它改爲寬度：1003px;它的工作很棒。感謝你的回答。 – AMB 2015-11-28 08:09:55
沒有必要破解或更新引導CSS文件。您可以通過限制容器進一步增長來禁用這些效果。用途：
.container-fluid,
.container {
// Disable large-desktop breakpoint.
max-width: $container-md;
}
的值通常970px，除非你改變了$grid-gutter-width。對於LESS，請將$的變量替換爲@。對於常規的CSS，用硬編碼的像素大小替換該變量。
同意，但這並不總是可能的。 Upvoting爲現代的答案！ – 2015-10-23 14:37:14
我不明白你的改變。那些小於1200像素的設備呢？ – Sherbrow 2012-07-07 09:32:08
我會更新一個編輯... – 2012-07-07 15:24:23
達是解釋大聲笑 – worenga 2012-07-07 15:36:18