我應該如何將這些列表項目放在我的頁面底部？

Question

所以我很難想出使頁面底部的列表項居中的最佳方式。

我運行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> 

提前感謝！

Answer 1

問題是引導程序CSS將float:left應用於導航列表項目。

你可以嘗試用自己的CSS來覆蓋它並應用以下樣式<li>：

float:none; 
display: inline-block; 

，然後應用text-align集裝箱：

text-align:center;