twitter-bootstrap - 在 BootStrap Container Dive 中将 .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;
}