Html 引导用底部固定导航条居中有问题

我使用的是标准的固定在底部的导航条，这是自举库存。导航栏有三个多个列表项，全部包装在一个容器、行和列中。我正在使用当前引导框架中提供的中心块类，该类应该将整个元素置于导航栏的中心。但事实并非如此。有人能帮忙吗

<nav class="navbar navbar-fixed-bottom">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 center-block">
                <ul class="nav navbar-nav">
                    <li><a href="#team-details">Team Details</a></li>
                    <li class="divider">&raquo;</li>
                    <li><a href="#team-members-details">Team Members</a></li>
                    <li class="divider">&raquo;</li>
                    <li><a href="#final-review">Final Review</a></li>
                </ul>
            </div>
         </div>
     </div>
 </nav>

»

»

除了分隔器类上的填充之外，样式没有自定义项。

将

文本中心

添加到

HTML

<nav class="navbar navbar-fixed-bottom">
    <div class="container">
        <div class="row text-center">
            <div class="col-lg-12 center-block">
                <ul class="nav navbar-nav">
                    <li><a href="#team-details">Team Details</a>
                    </li>
                    <li class="divider">&raquo;</li>
                    <li><a href="#team-members-details">Team Members</a>
                    </li>
                    <li class="divider">&raquo;</li>
                    <li><a href="#final-review">Final Review</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</nav>

»


»