使用寬度1170px與bootstrap.css（響應）

我在Twitter上的文檔注意到了grid system它說的默認網格是940px，但它是1170px的網站上。我收集它使用響應改變寬度，因爲我在寬屏和高分辨率。使用寬度1170px與bootstrap.css（響應）

我的問題倒到我如何使用1170px像Twitter的文檔。我似乎無法找到任何文檔解釋如何像他們一樣將寬度更改爲1170像素。這是他們做的一個自定義的構建，但沒有發佈或只是沒有更新文檔？

任何想法如何實現這一點，並有正確的格定製瓦爾爲1170px。

感謝

來源

2012-02-06 arbme

他們使用的是@media查詢的是，這是不是默認的引導包括在內，你可以自己responsive layout文檔中閱讀更多關於它在這裏。

從他們的CSS

重要的一點：

從頁面

利用媒體
@media (min-width: 1200px) { 
    .span12, .container { 
    width: 1170px; 
    } 
} 
摘錄查詢

引導不會自動包含這些媒體的質疑，但理解和加入它們非常簡單，只需要很少的設置。您有包括引導的響應特性的一些選項：

使用編譯響應版本，引導-responsive.css

添加@import「responsive.less」，並重新編譯引導

修改並重新編譯responsive.less作爲一個單獨的

爲什麼不包括它？真相被告知，並非所有事情都需要響應。我們不是鼓勵開發人員去除這個功能，而是鼓勵開發人員去除這個功能，。

來源

2012-02-06 15:25:51

非常感謝。這會自動奇蹟般地改變其他所有與寬度尺寸相關的東西。 – arbme 2012-02-06 15:35:11

@arbme不，你必須自己想出佈局方案。你可以看看他們在他們的[響應式]（http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css）CSS樣式表中佈局文檔的方式。 – 2012-02-06 15:38:04

Ilich好吧，我現在得到它你顯示的CSS是創建你自己的不使用默認。之前在v1.4中尋找bootstrap-responsive.css時沒有工作:)再次感謝 – arbme 2012-02-06 15:44:26

由於單證說，不是一切都需要響應。另外，並非所有的東西都需要使用全屏尺寸......有些佈局只需要更多的空白空間。

我已經看到一些網站從響應式樣式表中摘掉了這個媒體查詢摘錄（@media min-width: 1200px {...}），但我無法判斷這是正確/推薦還是很好的解決方法。

來源

2012-04-10 22:35:42 abbraga

使用寬度1170px與bootstrap.css（響應）

回答

相關問題