Twitter容器中的Bootstrap內容不居中

我正在爲一個站點使用Twitter Bootstrap。我試圖讓內容爲中心。傳統上我會簡單的創建一個自定義.container類，看起來像這樣：Twitter容器中的Bootstrap內容不居中

.container { 
    width: 70%; 
    max-width: 1024px; 
    margin: 0 auto; 
}

我試圖手動覆蓋這個類，但只有寬度似乎有所作爲。我把這樣的內容放在容器裏面：

<div class="container> 
    <div ng-view></div> 
</div>

容器本身是居中的。但裏面的內容似乎有一個左邊距/填充。任何關於如何構建我的div的想法？

更新我用Bootstrap v3.0.3

來源

2014-01-10 Anders

我會用腳手架堅持在這裏，如果我是你，它保持它的響應，乾淨&與其他預期的Bootstrap HTML內聯。我將演示下方引導3.0.0爲例（由於您沒有提到一個版本號）

<div class="container"> 
    <div class="row"> 
     <div ng-view class="col-xs-2"></div> 
     <div ng-view class="col-xs-8 content">Centre</div> 
     <div ng-view class="col-xs-2"></div> 
    </div> 
</div>

Bootply Demo

來源

2014-01-10 12:37:53 MackieeE

我使用'Bootstrap v3.0.3（http://getbootstrap.com）' – Anders

'v3.0.3'不應該在類名方面有太大的不同，所以沒關係=） – MackieeE

我試過了你的答案似乎有效，但對我來說內容變得很窄。你有什麼想法可以導致這一點？ – Anders

試試這個：

.container 
{ 
    width: 0%; 
    max-width: 1024px; 
    margin: 0 auto; 
    text-align: center; 
}

來源

2014-01-10 12:30:43 Abhisek

你試過像什麼：

.container > div{ 
    padding-left: 0; 
    margin-left: 0; 
}

來源

2014-01-10 12:31:10 daveyfaherty

我只是碰到了類似的問題，並通過改變解決了這個問題：

<div ng-view></div>

到：

<ng-view></ng-view>

，突然一切都開始一個行爲我希望。不知道爲什麼使用ng-view元素而不是ng-view屬性有幫助，但它確實！

來源

2015-08-18 15:55:18 Brendan

Twitter容器中的Bootstrap內容不居中

回答

相關問題