2013-08-18 66 views
0

我在我的WordPress主題中使用Bootstrap 3。 大多數網站將使用響應式功能,但對於承載數據可視化的幾個頁面,我想強制固定寬度。Bootstrap 3 - 無響應?

我該如何設置這個非響應度?

(會很好,如果有某種體類(。非響應),可以優先於響應特性?)

+0

只需用自己的風格覆蓋類。如果'.container'類還有一個固定寬度的類,則添加一個固定寬度。 – JohnP

回答

2

有一個在引導文檔有關禁用responsivness一節: http://getbootstrap.com/getting-started/#disable-responsive

步驟來禁用響應意見
要禁用響應功能, 請按照下列步驟。

  1. 刪除(或只是不添加)在CSS中提到 文檔
  2. max-width: none !important;擰下.container所有網格層的max-width並設置常規寬度像width: 970px;<meta>。確保這是在默認的Bootstrap CSS之後。您可以選擇使用 避免!important與媒體查詢或一些 selector-fu。
  3. 如果使用的是導航欄,請撤消所有導航欄的摺疊和擴展行爲(這裏顯示的內容太多,因此請參閱 示例)。
  4. 對於網格佈局,可以使用.col-xs-*類別 來代替中型/大型網格。別擔心,超小型的 設備網格可擴展至所有分辨率,因此您可以在此設置。您需要 仍然需要IE8的Respond.js(因爲我們的媒體查詢仍然存在 並需要提取)。這只是禁用了 Bootstrap的「移動站點」。
1

這個是什麼?

.non-responsive { width: 800px !important; } //or whatever width you want it to be