Question

我知道如何在CSS中水平对齐div。您需要将宽度设置为小于100％并且在左侧和右侧都具有自动边距。我想做这个Twitter Bootstrap的默认样式。我不想写额外的CSS。想知道是否可以使用Twitter Bootstrap中使用的默认样式。

要设置div的宽度，我使用span*。但span*是float: left。是否有任何类可以设置div的宽度，但不会添加float: left？

Answer 1

要水平对齐使用偶数范围样式（span2，span4等等）的div，您需要使用偏移量。

<div class="offset3 span6">
    ...
</div>

Answer 2

在div中使用类pagination-centered，如：

   <div class="row">
    <div class="span12 pagination-centered">
    <p> content</p>
   </div>
</div>

Answer 3

Bootstrap中心内容的方式似乎是为class="center-block"分配class="text-center"。

但是，它不适用于标题或段落。 {{1}}似乎适用于这些情况。

Answer 4

如果你想要水平对齐的元素是奇数跨度（@JayGee）并且你不想写其他CSS（甚至不是内联？）那么答案应该是：不，这是不可能的。否则我会去@ JayGee的回答。

Answer 5

基于@ JayGee的回答。

<div class="row">
     <div class="col-sm-offset-4 col-md-offset-4 col-lg-offset-4 col-sm-4 col-md-4 col-lg-4">
     ... content here ...
     </div>
</div>

中心使用默认的Twitter Bootstrap CSS水平对齐div

5 个答案: