web-dev-qa-db-ja.com

Bootstrapフッターを中央に揃える）のテキスト

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

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

このコードは他のページでは完全に機能しますが、この特定のページでは機能しません。このページには、プラグインしたフルカレンダーUIが含まれていますが、それが私の問題と関係があるとは思えません。

htmlcsstwitter-bootstrapfullcalendar
6
Prajeeth Emanuel

「text-center」クラスをコンテナに追加してみてください。したがって、これで終わります：

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

それが機能するかどうかを確認してください。それ以外の場合は、ページのマークアップを貼り付けて、確認できるようにします。たとえば、フッター要素をchromeで調べて、そのスクリーンショットを添付すると便利です。

27
AJ Meyghani

Bootstrap 3の場合、動作するようにcol-md-12col-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ではなくcontainerを使用します

8
jr from Yaoundé