Question

我正在学习带有最新bootstrap4版本的html设计。我正在处理站点Bootstrap4 dashboard上给出的仪表板示例，但是我不确定如何向该页脚添加页脚，该页脚始终位于窗口底部。

Answer 1

如果您想要固定（“粘性”）页脚，则最简单的方法可能是CSS。

您可以这样设置HTML页脚：

<html>
    <body>
        Body HTML Stuff...
    </body>
    <footer class="footer">
        © 2019 Your LLC. All rights reserved.
    </footer>
</html>

您的CSS如下：

.footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}

here说明了CSS“位置：固定”属性。

（如果不清楚，请发表评论，我会尽力澄清。我是新来者，所以我可能讲得不太好。）

Answer 2

是的，您可以使用自定义 css，也可以使用 Bootstrap4 内置的“固定底部”类。在我看来，使用内置的固定底部效果很好。

在单独的 php 文件（如 footer.php）中使用固定底部类编写与页脚相关的代码，并将其包含在所有 php 页面的标记之前。

现在您的所有网站文件都有一个固定的页脚。在 footer.php 中进行一次更改即可对所有 php 页面进行更改。

您可以在 w3schools 中看到现场示例：https://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_navbar_fixed_bottom&stacked=h

将bootstrap4示例用于仪表板

2 个答案: