因此，我在思考使列表项位于页面底部居中位置的最佳方法时遇到了麻烦。
我正在运行bootstrap 3 btw。
这是页面的链接：
http://69.50.196.73/projects/peap/index.php
如您在底部看到的，底部的4个列表项：
<!-- Bottom Navagation Menu -->
<div class="col-lg-12 bottom-nav">
<nav>
<ul>
<li>more about peap</li>
<li>meet the team</li>
<li>faq</li>
<li>press release</li>
</ul>
</nav>
</div>
提前致谢！
问题是引导CSS应用于float:left导航列表项。
您可以尝试使用自己的CSS覆盖它，并将以下样式应用于<li>：
float:none;
display: inline-block;
然后应用于text-align容器：
text-align:center;
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句