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

小编典典

html

我正在尝试遵循一个非常基本的示例。使用入门页面和网格系统，我希望以下几点：

<div class="row">

  <div class="span12">

    <h1>Bootstrap starter template</h1>

    <p>Example text.</p>

  </div>

</div>

…将产生居中的文字。

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

阅读 206

2020-05-10

共1个答案

小编典典

更新：Bootstrap 2.3.0+答案

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

原始答案（2.3.0之前）

您需要定义两个类之一，row或者span12使用text-align: center。

2020-05-10