簡體   English   中英

Bootstrap-使響應式全角模板無響應

[英]Bootstrap - Make Responsive full-width template, non-responsive

我目前正在使用Bootstrap 3: Bootstrap儀表板模板中的此模板

它使用.container-fluid類,它使模板流暢/響應。

我的問題是-我想從全角模板中受益,但我不想支持自適應布局。

我希望實現以下模板布局: 在此處輸入圖片說明

我如何做到這一點,而不必處理響應性問題?

引導文檔中有一段禁用了響應性。

禁用頁面響應性的步驟

  1. 省略CSS文檔中提到的視口<meta>
  2. 覆蓋width.container對於具有單個寬每個網格層,例如width: 970px !important; 確保這在默認的Bootstrap CSS之后。 您可以選擇避免在媒體查詢或某些選擇符Fu中使用!important
  3. 如果使用導航欄,請刪除所有導航欄的折疊和展開行為。
  4. 對於網格布局,除了中型/大型類外, .col-xs-*使用.col-xs-*類。 不用擔心,超小的設備網格可以縮放到所有分辨率。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM