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

何！它似乎对我有用！这是您浏览器的问题吗？请查看http://jsfiddle.net/UVFcc/以查看我的示例。我的代码与您的代码相同，但仍然有效：

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

Answer 2

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

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

如果您尝试将文本置于<div>或整个页面中心，我真的不明白。如果您希望页面居中，请使用类似

的内容

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

希望它有所帮助。

使用Bootstrap 2.3.1对文本进行居中

2 个答案: