在引導頁腳時遇到問題

Question

所以我做了這個基本頁面，但問題是，無論我用頁腳做什麼，文本都不居中，而且它也不固定，當我改變瀏覽器的高度時，它會四處移動。

下面的代碼和預覽： http://bootsnipp.com/user/snippets/2nnyr

Answer 1

要居中的文本，更改文本對齊從左中心在媒體查詢：

@media (min-width: 768px) { 
    .bs-footer { 
     text-align: center; 
    } 
} 

Answer 2

您可能會發現更容易放置在你的容器中排一行，並用一個偏移量-2和一個col刪除右移。希望這有助於看到下面。

<footer class="footer"> 
    <div class="container text-center"> 
     <hr> 
     <div class="col-lg-12"> 
      <div class="col-md-8"> 
       <p class="footertext pull-right">© 2016 *******. All rights reserved</p> 
      </div> 
     </div> 
    </div> 
</footer>