Bootstrap页脚中的文本与中心对齐

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

对于我使用Bootstrap 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和不container-fluid