中心页脚导航水平链接

Question

出于某种原因，我无法将我的页脚链接水平居中。我希望我的链接居中，然后下面的“保留所有权利”部分也在中心。我可以通过将.center应用到它来居中“保留所有权利”，但它不会影响列表项。知道我错过了什么或做错了吗？

这是我的部分来自我的Ruby on Rails应用程序，我正在使用Bootstrap 3.0进行样式化。

<nav class="navbar">
    <div class="container center">
        <ul class="nav">
            <li class="navbar-text"><%= link_to "About", about_path %></li>
            <li class="navbar-text"><%= link_to "FAQs", faq_path %></li>
            <li class="navbar-text"><%= link_to "Contact Us", contact_path %></li>
            <li class="navbar-text"><%= link_to "Terms of Use & Privacy Policy", privacy_path %></li>
        </ul>
    </div>

    <div class="container center">
        <p>Company 2013. All Rights Reserved.</p>
    </div>
</nav>

.center只是：

.center {
    text-align: center;
 }

我尝试使用此问题中使用的技术：Center a column using Twitter Bootstrap 3在这种情况下没有任何运气（尽管这实际上帮助我解决了我遇到的另一个问题）

Answer 1

只需添加以下css

即可

.navbar ul li{
    display:inline-block;
 }

正如Zachary所说，您可以添加margin: 0 auto;以使您的ul元素以页面/父元素为中心

Answer 2

假设您的li元素设置为inline-block并且已经水平列出，请尝试使用以下CSS将ul标记居中：

margin: 0 auto;