Bootstrap FOOTER 已修复

Question

我的问题如下：

在移动设备上，我的固定页脚与页面内容重叠，因此我无法单击按钮，因为页脚位于顶部。

这是代码和图片：

<nav class="footer navbar-fixed-bottom">
<div class="container-fluid">
    <div class="text-right">
        <span class="label label-default">Freier Speicher: 20 mb</span>
    </div>
    <p class="copyright small text-center">&copy; 2016/2017 Juan Carlos Velarde, Ludwig Stengelin</p>
    <p class="small text-center"> Icons from <a href="https://icons8.com/">Icons8</a>.</p>
</div>

希望你能帮助我 :) 感谢您抽出宝贵时间发表评论 :)

Answer 1

为 body 元素添加底部边距（等于页脚的高度）。

body {
  margin-bottom:40px;
}