bootstrap3禁止響應(yīng)式的設(shè)置方法:1、移除設(shè)置瀏覽器視口的標(biāo)簽“”;2、通過為“.container”類設(shè)置一個width值來覆蓋框架的默認(rèn)width設(shè)置;3、移除所有導(dǎo)航條的折疊和展開行為即可。
推薦:《bootstrap教程》
禁止響應(yīng)式布局
Bootstrap 會自動幫你針對不同的屏幕尺寸調(diào)整你的頁面,使其在各個尺寸的屏幕上表現(xiàn)良好。下面我們列出了如何禁用這一特性,就像這個非響應(yīng)式布局實例頁面一樣。
禁止響應(yīng)式布局有如下幾步:
-
移除 此 CSS 文檔中提到的設(shè)置瀏覽器視口(viewport)的標(biāo)簽:<meta>。
-
通過為 .container 類設(shè)置一個 width 值從而覆蓋框架的默認(rèn) width 設(shè)置,例如 width: 970px !important; 。請確保這些設(shè)置全部放在默認(rèn)的 Bootstrap CSS 文件的后面。注意,如果你把它放到媒體查詢中,也可以略去 !important 。
-
如果使用了導(dǎo)航條,需要移除所有導(dǎo)航條的折疊和展開行為。
-
對于柵格布局,額外增加 .col-xs-* 類或替換掉 .col-md-* 和 .col-lg-*。 不要擔(dān)心,針對超小屏幕設(shè)備的柵格系統(tǒng)能夠在所有分辨率的環(huán)境下展開。
-
針對 IE8 仍然需要額外引入 Respond.js 文件(由于仍然利用了瀏覽器對媒體查詢(media query)的支持,因此還需要做處理)。這樣就禁用了 Bootstrap 對移動設(shè)備的響應(yīng)式支持。