首頁 > web前端 > Bootstrap教程 > bootstrap3如何禁止響應式

bootstrap3如何禁止響應式

藏色散人
發布: 2020-11-17 18:20:50
原創
2531 人瀏覽過

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

bootstrap3如何禁止響應式

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板