Twitter Bootstrap「容器液」

Question

我只想清除一件事。如果我使用"container-fluid"類，這意味着我不能有這樣的事情在bootstrap.css：

.container-fluid{ 
width: 1170px; 
} 

我試圖以像素爲單位設置和響應性質只是關閉。雖然設置在％它的作品。換句話說，我的問題是這樣的： 如何設置容器流體的固定寬度？或者它不是默認的引導程序開發者？

我已經看過這個鏈接： Fluid or fixed grid system, in responsive design, based on Twitter Bootstrap

但根本無法找到任何有關於響應特性和固定寬度的container-fluid.

Answer 1

設置px寬度使其靜態，你將不得不使用一個不同的技術，使之後的響應如javascript那就是使用％的原因。

如果你想使容器不走寬於1170px使用

.container-fluid { 
    max-width:1170px; 
} 

最大寬度將使它所以如果用戶的屏幕比1170px更寬的容器會只到1170px寬。這將使其響應機制仍然有效。

當然，使用.container-fluid作爲選擇器將改變所有container-fluid元素的行爲方式，因此請考慮向該元素添加第二個類並將樣式設置爲該元素。

HTML

<div class="container-fluid maxWidth"></div> 

CSS

.maxWidth { 
     max-width:1170px; 
} 

如果你是想容器不管是固定的，這將使內無響應的內容，因爲他們沒有將能夠告訴當屏幕尺寸發生變化時容器不會改變尺寸。