html - 将底部固定导航栏居中以进行 Bootstrap 时出现问题

Question

我正在使用标准的固定到底部的导航栏，该导航栏已售罄。导航栏有三个列表项，全部包裹在一个容器、行和列中。我正在使用当前 Bootstrap 框架中提供的 center-block 类，它应该将整个元素置于导航栏的中心。但事实并非如此。谁能帮忙？

<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>

除分隔符类外，样式没有任何自定义内容，它只是填充。

Answer 1

JSFIDDLE DEMO

添加text-center到 <div class="row">

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>