我有一个标准的 Bootstrap<div>类.container和一个内部<div>类.well span9。我需要将.well容器中的 div 居中,但它总是向左浮动!我认为这是因为使用.span9,但我如何才能强制 div .span9上课并居中?
这是我拥有的代码
<div class="container">
<div class="well span9"> </div>
</div>
我有一个标准的 Bootstrap<div>类.container和一个内部<div>类.well span9。我需要将.well容器中的 div 居中,但它总是向左浮动!我认为这是因为使用.span9,但我如何才能强制 div .span9上课并居中?
这是我拥有的代码
<div class="container">
<div class="well span9"> </div>
</div>
像这样的事情可能会更容易......除非你死心塌地使用 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;
}