Bootstrap 3.1.1有一个.center-block类用于对div进行居中。见:http://getbootstrap.com/css/ helper-classes-center。

设置要显示的元素:通过页边距显示块和居中。可作为mixin和类使用。

<div class="center-block">...</div>

或者，正如其他人已经说过的，使用.text-center类将文本居中。

这是关于文本居中的(这就是问题的内容)

关于其他类型的内容，请参阅Flavien的回答。

更新:引导2.3.0+答案

最初的答案是bootstrap的早期版本。从引导2.3.0开始，你可以简单地给div命名为.text-center类。

原始答案(2.3.0之前)

您需要用text-align: center定义这两个类中的一个，row或span12。见http://jsfiddle.net/xKSUH/或http://jsfiddle.net/xKSUH/1/

我创建了这个类来保持居中，无论屏幕大小，同时保持响应功能:

.container {
    alignment-adjust: central;
}

对于Bootstrap 3.1.1及以上版本，用于使内容居中的最佳类是.center-block helper类。

在我这边，我定义了新的CSS样式，易于使用和记忆:

.center { text-align: center;}
.left { text-align: left;}
.right { text-align: right;}
.justify { text-align: justify;}
.fleft { float: left;} /*-> similar to .pull-left already existing in bootstrap*/
.fright { float: right;}  /*-> similar to .pull-right already existing in bootstrap*/
.vab { vertical-align: bottom;}
.bold { font-weight: bold;}
.italic { font-style: italic;}

这是个好主意吗? 有什么好的做法吗?

我猜这里的大多数人实际上都在寻找将整个div居中的方法，而不仅仅是文本内容(这是微不足道的…)

在HTML中居中的第二种方法(而不是使用text-align:center)是让元素具有固定宽度和自动边距(左和右)。在Bootstrap中，定义自动边距的样式是“容器”类。

<div class="container">
    <div class="span12">
        "Centered stuff there"
    </div>
</div>

看看这里的小提琴:http://jsfiddle.net/D2RLR/7788/