html - 使用 Bootstrap 2.3.1 居中文本

Question

通过四处搜索，我知道以前有人问过这个问题，我只是......不明白这里出了什么问题。

我已经尝试了大约一百万个不同的角度，但无法让我的文字居中。

如果有人知道这笔交易是什么并想让我知道，那就太好了。

<div class="row-fluid text-center">
    <h1 class="span12">Foobar's Contacts</h1>
</div>

除其他外，我已经尝试将text-center类移动到h1元素。

编辑：我能够将其更改为此并将标题居中。这种方法有什么缺点吗？

<div class="offset4 span4 text-center">
    <h1 class="span8">Foobar's Contacts</h1>
</div>

Answer 1

尝试放入指定范围<h1>内<div>。就像是

<div class="row-fluid">
    <div class="span12 text-center">
        <h1>name's Contacts</h1>
    </div>
</div>

我真的不明白，如果你试图在 a<div>或整个页面中居中文本。如果您希望页面居中，请使用类似

<div class="container">
    .
    .
    <div class="row-fluid">
        <div class="span12 text-center">
            <h1>name's Contacts</h1>
        </div>
    </div>
    .
    .
</div>

希望能帮助到你。