在引导程序中遇到页脚问题

Posted 2023-03-21

【中文标题】在引导程序中遇到页脚问题

【英文标题】：Having trouble with footer in bootstrap

【发布时间】：2016-12-25 23:39:47

【问题描述】：

所以我制作了这个基本页面，但问题是无论我对页脚做什么，文本都不居中，而且它也不固定，当我改变浏览器的高度时，它会四处移动。

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

【参考方案1】：

要使文本居中，请在媒体查询中将 text-align 从左更改为居中：

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

【参考方案2】：

您可能会发现在容器中放置一行和一个带有 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>