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