小编典典

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

html

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

<div class="row">

  <div class="span12">

    <h1>Bootstrap starter template</h1>

    <p>Example text.</p>

  </div>

</div>

…将产生居中的文字。

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


阅读 207

收藏
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