ブートストラップでフッタに問題がある

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>