2014-06-10 43 views
0

我的問題聽起來很簡單,但我還沒有找到解決方案。如何將自舉開關從767更改爲768?

我想要的是,當我有width: 768px而不是width: 767px時,移動網站的變化(切換導航欄爲下拉菜單)。原因是iPad 2的寬度爲768px。對於這種類型的設備,我想擁有移動網站。

我已經試過的是改變bootstrap css文件(所有768px值爲769px,所有767px值爲768px),但沒有任何結果。

有沒有人有想法?

感謝所有幫助

+0

是您網站調用bootstrap.css或bootstrap.min.css?您可能正在更改未被調用的樣式表。 –

+0

檢查所有'@media ...'命令在.css – ooopsoft

+0

我的網站調用'bootstrap.min.css',但是當我改變它什麼都沒有發生。 – tommeeyy

回答

0

你可以,如果你編譯引導自己很容易地改變這一點。這並不像聽起來那麼困難,只需到這裏:bootstrap download link然後點擊「下載源」鏈接。在名爲「less」的文件夾內將會有一些擴展名爲.less的文件。使用較少的編譯器(here is a good free one),然後可以將bootstrap.less文件編譯到bootstrap.css中。現在您可以打開名爲variables.less的文件並找到768的實例並將其更改爲767並重新編譯bootstrap.less,並且您創建的新bootstrap.css文件應該按照您的方式工作。

以同樣的方式,你可以改變任何的引導程序默認的行爲(顏色,寬度,高度等)