html - 以 Twitter Bootstrap 为中心不起作用

Question

我认为 text-align 在 Twitter Bootstrap 中有效，但事实并非如此？我不确定发生了什么。有没有居中的替代方法，或者我只需要使用边距？抱歉，text-align 风格有点矫枉过正。我只是想确保我没有遗漏任何东西。

<div class="row-fluid span12" style="text-align:center;">
    <ul class="nav nav-pills" style="text-align:center;">
        <li style="text-align:center;">Skills</li>
        <li style="text-align:center;">Music</li>
        <li style="text-align:center;">Things I Read</li>
    </ul>
</div> 

Answer 1

我认为这可能是因为 bootstrap 将 anchor 设置为显示: block 。文本对齐适用于行内和行内 block 元素。您是否以其他方式自定义了 Bootstrap css？ nav pills 无论如何都应该让文本居中，除非你指定了宽度，因为它应该只是向 block 级 anchor 元素添加均匀的填充。