6

我知道如何在 CSS 中水平居中对齐 div。您需要将宽度设置为小于 100% 并在左右两侧设置自动边距。我想做这种默认样式的 Twitter Bootstrap。我不想编写额外的 CSS。想知道是否可以使用 Twitter Bootstrap 中使用的默认样式来实现。

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

4

5 回答 5

9

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

<div class="offset3 span6">
    ...
</div>
于 2013-02-27T13:27:47.797 回答
3

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

   <div class="row">
    <div class="span12 pagination-centered">
    <p> content</p>
   </div>
</div>
于 2013-02-27T14:05:50.623 回答
2

Bootstrap 将内容居中的方式似乎是通过分配class="center-block"给它：指向 Bootstrap 3 doc page 的链接。

但是，它不适用于标题或段落。class="text-center"似乎在这些情况下有效。

于 2014-01-13T05:44:41.677 回答
0

如果您想要水平对齐的元素是一个奇怪的跨度（@JayGee）并且您不想编写额外的 CSS（甚至不是内联的？），那么答案应该是：不，这是不可能的。否则我会去找@JayGee 的答案。

于 2013-02-27T15:15:46.640 回答
0

基于@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>
于 2015-01-14T08:50:50.110 回答