bootstrap3禁止響應(yīng)式的方法

bootstrap3禁止響應(yīng)式的方法？這個(gè)問(wèn)題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過(guò)這個(gè)問(wèn)題能讓你收獲頗深。下面是小編給大家?guī)?lái)的參考內(nèi)容，讓我們一起來(lái)看看吧！

bootstrap3禁止響應(yīng)式的設(shè)置方法：1、移除設(shè)置瀏覽器視口的標(biāo)簽“”；2、通過(guò)為“.container”類設(shè)置一個(gè)width值來(lái)覆蓋框架的默認(rèn)width設(shè)置；3、移除所有導(dǎo)航條的折疊和展開行為即可。

禁止響應(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 類設(shè)置一個(gè) width 值從而覆蓋框架的默認(rèn) width 設(shè)置，例如 width: 970px !important; 。請(qǐng)確保這些設(shè)置全部放在默認(rèn)的 Bootstrap CSS 文件的后面。注意，如果你把它放到媒體查詢中，也可以略去 !important 。

• 如果使用了導(dǎo)航條，需要移除所有導(dǎo)航條的折疊和展開行為。

• 對(duì)于柵格布局，額外增加 .col-xs-* 類或替換掉 .col-md-* 和 .col-lg-*。 不要擔(dān)心，針對(duì)超小屏幕設(shè)備的柵格系統(tǒng)能夠在所有分辨率的環(huán)境下展開。

• 針對(duì) IE8 仍然需要額外引入 Respond.js 文件（由于仍然利用了瀏覽器對(duì)媒體查詢（media query）的支持，因此還需要做處理）。這樣就禁用了 Bootstrap 對(duì)移動(dòng)設(shè)備的響應(yīng)式支持。

感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)bootstrap3禁止響應(yīng)式的方法大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。