我应该如何将这些列表项置于页面底部？

Question

因此，我无法考虑将列表项目放在页面底部的最佳方法。

我正在运行bootstrap 3顺便说一句。

以下是该页面的链接：

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>

提前致谢！

Answer 1

问题是bootstrap CSS将float:left应用于导航列表项。

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

float:none;
display: inline-block;

然后将text-align应用于容器：

text-align:center;