圍繞BootStrap容器潛水中的一個.well Div中心

Question

我有一個標準Bootstrap <div>與.container類和內部<div>與.well span9類。我需要將.well div居中放在容器中，但它總是向左移動！我認爲這是因爲使用.span9，但我怎麼能強迫div有.span9類，也是居中？

這裏是代碼，我有

<div class="container"> 
<div class="well span9"> </div> 
</div> 

Answer 1

像這樣的事情可能會更容易...除非你正在使用span9

<div class="container"> 
    <div class="row"> 
     <div class="well span10 offset1"></div> 
    </div> 
</div> 

如果使用span10和偏移它死心塌地減1，它將始終居中，因爲它是一個12個網格系統（1 + 10 + 1）。另外，您應該在容器下添加一個row div。

或者你可以使用span8和offset2 ...

如果您在span9死心塌地，那麼你可以添加這個CSS將居中..

.well { 
    margin:0 auto; 
    float:none; 
}