html - 水平居中页脚导航链接

Question

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

这是我的 Ruby on Rails 应用程序的页 footer 分，我使用 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 元素以页面/父元素为中心