【发布时间】:2016-12-25 23:39:47
【问题描述】:
所以我制作了这个基本页面,但问题是无论我对页脚做什么,文本都不居中,而且它也不固定,当我改变浏览器的高度时,它会四处移动。
【问题讨论】:
标签: html css twitter-bootstrap footer
所以我制作了这个基本页面,但问题是无论我对页脚做什么,文本都不居中,而且它也不固定,当我改变浏览器的高度时,它会四处移动。
【问题讨论】:
标签: html css twitter-bootstrap footer
要使文本居中,请在媒体查询中将 text-align 从左更改为居中:
@media (min-width: 768px) {
.bs-footer {
text-align: center;
}
}
【讨论】:
您可能会发现在容器中放置一行和一个带有 offset-2 的 col 并删除 pull-right 会更容易。希望这有助于看到下面。
<footer class="footer">
<div class="container text-center">
<hr>
<div class="col-lg-12">
<div class="col-md-8">
<p class="footertext pull-right">© 2016 *******. All rights reserved</p>
</div>
</div>
</div>
</footer>
【讨论】: