我使用的引導,如果我用container-fluid
一個固定的寬度和經銷商的利潤率中心的內容,它失去響應。響應HTML中使用Twitter的引導
有沒有辦法避免這種情況?或者響應式設計意味着沒有固定寬度?
HTML
<div class="container-fluid"></div>
CSS
.container-fluid {
width: 960px;
margin: 0px auto;
}
我使用的引導,如果我用container-fluid
一個固定的寬度和經銷商的利潤率中心的內容,它失去響應。響應HTML中使用Twitter的引導
有沒有辦法避免這種情況?或者響應式設計意味着沒有固定寬度?
HTML
<div class="container-fluid"></div>
CSS
.container-fluid {
width: 960px;
margin: 0px auto;
}
Twitter的引導已經有一個類你想要做什麼,他的名字是 「容器」,他使用固定的寬度,但寬度是不同的使用媒體查詢規則,所以它變得越來越小,屏幕變得越來越小,而當少於767px的容器是100%的屏幕尺寸。
嘗試添加一個id在div並有應用,以便在變化尊重預先配置的容器流體類
基本上,「流體」和一個固定的寬度是相互矛盾的術語。但是有很多選擇。例如,您可以設置最大寬度和最小寬度而不是僅寬度。或者你可以在ems中設置一個寬度,這仍然會給佈局帶來一些靈活性(特別是當與寬度列相結合時)。
另一種選擇是設置960像素寬度,而是要改變寬度在不同的屏幕尺寸與@media查詢。