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中文網其他相關文章!