Question

我正在使用标准固定到底部导航栏，该导航栏是缺少引导程序的。导航栏有三个列表项，所有列表项都包含在容器，行和列中。我正在使用当前引导框架中提供的中心块类，它应该将整个元素集中在导航栏中。但事实并非如此。有人可以帮忙吗？

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

问题集中在底部固定导航栏上以进行引导

1 个答案: