在引导页脚时遇到问题

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>