bootstrap3如何禁止響應式

bootstrap3禁止響應式的設定方法：1、移除設定瀏覽器視窗的標籤「」；2、透過為「.container」類別設定一個width值來覆蓋框架的預設width設定；3、移除所有導航條的折疊和展開行為即可。

推薦：《bootstrap教程》

#禁止響應式佈局

Bootstrap 會自動幫你針對不同的螢幕尺寸調整你的頁面，使其在各個尺寸的螢幕上表現良好。下面我們列出如何停用這項特性，就像這個非響應式佈局實例頁面一樣。

禁止響應式佈局有以下步驟：

• #移除此CSS 文件中提到的設定瀏覽器視窗（viewport）的標籤：。

• 透過為 .container 類別設定一個 width 值從而覆蓋框架的預設 width 設置，例如 width: 970px !important; 。請確保這些設定全部放在預設的 Bootstrap CSS 檔案的後面。注意，如果你把它放到媒體查詢中，也可以略去 !important 。

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

• 對於柵格佈局，額外增加 .col-xs-* 類別或替換掉 .col-md-* 和 .col-lg-*。別擔心，針對超小螢幕設備的柵格系統能夠在所有解析度的環境下展開。

• 針對 IE8 仍然需要額外引入 Respond.js 檔案（由於仍然利用了瀏覽器對媒體查詢（media query）的支持，因此還需要做處理）。這樣就禁用了 Bootstrap 對行動裝置的響應式支援。

#

以上是bootstrap3如何禁止響應式的詳細內容。更多資訊請關注PHP中文網其他相關文章！