在BootStrap容器潜水中居中.well Div

Question

我有<div>类的标准Bootstrap .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;
}