如何使用 Twitter Bootstrap 获取居中内容？

Question

我正在尝试遵循一个非常基本的示例。使用 起始页和网格系统，我希望得到以下结果：

 <div class="row">
  <div class="span12">
    <h1>Bootstrap starter template</h1>
    <p>Example text.</p>
  </div>
</div>

…会产生居中的文本。

但是，它仍然出现在最左侧。我究竟做错了什么？

原文由 Hoa 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这是用于文本居中（ _这就是问题所在_）

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

更新：Bootstrap 2.3.0+ 答案

最初的答案是针对早期版本的引导程序。从 bootstrap 2.3.0 开始， 您可以简单地给 div 类 .text-center 。

---

原始答案（2.3.0 之前）

您需要定义两个类之一， row 或 span12 和 text-align: center 。请参阅 http://jsfiddle.net/xKSUH/ 或 http://jsfiddle.net/xKSUH/1/

原文由 ScottS 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

注意：这已 在 Bootstrap 3 中删除。

---

在 Bootstrap 3 之前，您可以像这样使用 CSS 类 pagination-centered ：

 <div class="span12 pagination-centered">
    Centered content.
</div>

类 pagination-centered 已经在 bootstrap.css（或 bootstrap.min.css）中并且只有一个规则：

 .pagination-centered{text-align:center;}

使用 Bootstrap 2.3.0。 只需使用类 text-center

原文由 Iurii.K 发布，翻译遵循 CC BY-SA 3.0 许可协议