2013-05-26 124 views
0

我使用的引導,如果我用container-fluid一個固定的寬度和經銷商的利潤率中心的內容,它失去響應。響應HTML中使用Twitter的引導

有沒有辦法避免這種情況?或者響應式設計意味着沒有固定寬度?

HTML

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

CSS

.container-fluid { 
    width: 960px; 
    margin: 0px auto; 
} 

回答

1

Twitter的引導已經有一個類你想要做什麼,他的名字是 「容器」,他使用固定的寬度,但寬度是不同的使用媒體查詢規則,所以它變得越來越小,屏幕變得越來越小,而當少於767px的容器是100%的屏幕尺寸。

0

嘗試添加一個id在div並有應用,以便在變化尊重預先配置的容器流體類

1

基本上,「流體」和一個固定的寬度是相互矛盾的術語。但是有很多選擇。例如,您可以設置最大寬度和最小寬度而不是僅寬度。或者你可以在ems中設置一個寬度,這仍然會給佈局帶來一些靈活性(特別是當與寬度列相結合時)。

另一種選擇是設置960像素寬度,而是要改變寬度在不同的屏幕尺寸與@media查詢。