Bootstrap页脚中的文本居中对齐

Question

我的网页中的页脚与中心对齐。

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

这段代码非常适用于其他页面，但对于这个特定的页面，它不起作用。这个页面包含一个完整的日历用户界面，我已经插入，但我怀疑这与我的问题有任何关系。

Answer 1

尝试将"文本中心"类添加到容器中。所以你最终会得到这个：

<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