ブートストラップフッターのテキストが中央に揃う

Question

私のウェブページのフッターは中央に揃えられています。

<div id="footer"> 
    <div class="container"> 
    <p class="text-muted credit" style="color:#fff">xyz</p> 
    </div> 
</div> 

このコードは他のページでも機能しますが、この特定のページでは機能しません。このページには私が接続しているフルカレンダーのUIが含まれていますが、私の問題に関係することは疑いがあります。

Answer 1

"text-center"クラスをコンテナに追加してみてください。だからこれで終わるでしょう：

<div id="footer"> 
    <div class="container text-center"> 
    <p class="text-muted credit" style="color:#fff">xyz</p> 
    </div> 
</div> 

それが動作するかどうかを確認してください。それ以外の場合は、ページのマークアップを貼り付けて見てください。たとえば、フッター要素をchromeで検査し、そのスクリーンショットを添付した場合にも役立ちます。

Answer 2

ブートストラップ3の私にとっては、col-md-12 col-sm-12とcol-xs-12を使用することを忘れないでください。

他のものを使用しないでくださいstyle="color:#fff"それは色のテーマを壊します。代わりにnavbar-textを使用してください。 、

<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation"> 
    <div class="container text-center"> 
     <p class="navbar-text col-md-12 col-sm-12 col-xs-12">&copy; xyz</p> 
    </div> 
</nav> 

最終単語container-fluid