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

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

2 个答案: