引導左/右中心對齊不響應

http://jsfiddle.net/7zrrknn0/引導左/右中心對齊不響應

CSS CODE FOR CONTAINER: 
.navbar-brand 
{ 
position: absolute; 
width: 100%; 
left: 0; 
text-align: center; 
margin: auto; 
} 
.container-fluid { 
width: 1220px; 
}

如果你看一看在的jsfiddle我，並期待在結果窗口導航欄項目，這似乎很好，但是當窗口最小化，導航欄項目不會根據窗口大小更改大小。我試圖保留容器/盒裝佈局，同時也保持bootstrap的響應性。有任何想法嗎？

來源

2015-02-07 kevin

首先看看你的代碼。您的全部內容代碼甚至不在<body>中。其次，我甚至無法看到您的導航欄項目。第三，因爲您使用的是twitter bootstrap，所以您甚至不需要使用您的元素，因爲這會對每個設備的調整帶來很大麻煩。第四，請勿將type='text/css'用於<link>，因爲您已將該文檔聲明爲HTML5文檔。嘗試使您的代碼語義;）

來源

2015-02-07 21:03:28

您的問題是，只要你重寫.container流體類的寬度迫使它是1220px無論視口有多寬。

或者將您的容器類更改爲max-width: 1220px;，如下面的演示或使用內置的container類。

@media (min-width: 768px) { 
    .container { 
     width: 750px; 
    } 
} 
@media (min-width: 992px) { 
    .container { 
     width: 970px; 
    } 
} 
@media (min-width: 1200px) { 
    .container { 
     width: 1170px; 
    } 
}

demo ：容器類默認具有在每個自舉斷點的下面固定寬度

來源

2015-02-07 21:03:51 jme11

引導左/右中心對齊不響應

回答

相關問題