在引导程序中有页脚问题

时间:2016-08-18 22:21:40

标签: html css twitter-bootstrap footer

所以我创建了这个基本页面,但问题是无论我用页脚做什么,文本都没有居中,而且它也没有修复,当我改变浏览器的高度时,它会移动。

这是代码和预览: http://bootsnipp.com/user/snippets/2nnyr

2 个答案:

答案 0 :(得分:1)

您可能会发现在容器中放置一行更容易,而在偏移量为2的col中放置一行并删除右拉。希望这有助于在下面看到。

<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>

答案 1 :(得分:0)

要使文字居中,请在媒体查询中将文字对齐从左侧更改为中心:

@media (min-width: 768px) {
    .bs-footer {
        text-align: center;
    }
}