在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ HTML/ 禁止響應(yīng)式布局
警告框
標(biāo)簽頁
代碼
輪播
進(jìn)度條
輔助類
按鈕組
社區(qū)
標(biāo)簽
導(dǎo)航
響應(yīng)式工具
禁止響應(yīng)式布局
工具提示
概覽
媒體對象
概覽
具有響應(yīng)式特性的嵌入內(nèi)容
Well
折疊
下載
對第三方組件的支持
Glyphicons 字體圖標(biāo)
編譯 CSS 和 JavaScript 文件
徽章
柵格系統(tǒng)
瀏覽器和設(shè)備的支持情況
輸入框組
表格
滾動監(jiān)聽
下拉菜單
排版
巨幕
按鈕
頁頭
使用 Sass
包含的內(nèi)容
縮略圖
模態(tài)框
基本模板
面版
圖片
路徑導(dǎo)航
分頁
導(dǎo)航條
警告框
過渡效果
從 v2.x 版本升級到 v3.x 版本
工具
可訪問性
彈出框
按鈕式下拉菜單
表單
列表組
按鈕
使用 Less
下拉菜單

禁止響應(yīng)式布局

Bootstrap 會自動幫你針對不同的屏幕尺寸調(diào)整你的頁面,使其在各個尺寸的屏幕上表現(xiàn)良好。下面我們列出了如何禁用這一特性,就像這個非響應(yīng)式布局實(shí)例頁面一樣。

禁止響應(yīng)式布局有如下幾步:

  • 移除 此 CSS 文檔中提到的設(shè)置瀏覽器視口(viewport)的標(biāo)簽:<meta>。
  • 通過為 .container 類設(shè)置一個 width 值從而覆蓋框架的默認(rèn) width 設(shè)置,例如 width: 970px !important; 。請確保這些設(shè)置全部放在默認(rèn)的 Bootstrap CSS 文件的后面。注意,如果你把它放到媒體查詢中,也可以略去 !important 。
  • 如果使用了導(dǎo)航條,需要移除所有導(dǎo)航條的折疊和展開行為。
  • 對于柵格布局,額外增加 .col-xs-* 類或替換掉 .col-md-*.col-lg-*。 不要擔(dān)心,針對超小屏幕設(shè)備的柵格系統(tǒng)能夠在所有分辨率的環(huán)境下展開。

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

禁止響應(yīng)式特性的 Bootstrap 模版

我們已經(jīng)按照上面的步驟制作了一份案例。仔細(xì)閱讀其源碼并對照上面的步驟實(shí)踐一下吧。

上一篇:縮略圖下一篇:下拉菜單