Html 如何将这些列表项居中放置在页面底部？

因此，我很难想出最好的方法，使我的列表项目集中在页面底部

我正在运行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>

更多关于peap的信息
会见团队
常见问题
新闻稿

---

提前谢谢

问题在于引导CSS将

float:left

应用于导航列表项

您可以尝试用自己的CSS覆盖它，并将以下样式应用于

：

float:none;
display: inline-block;

然后将

文本对齐

应用于容器：

text-align:center;

---

或者你可以做保证金：0自动；而不是文本对齐。让你的船漂浮的东西。