Bootstrap FOOTER固定

时间:2017-01-28 19:39:03

标签: html twitter-bootstrap footer

我的问题如下:

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

这里是代码和图片:

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

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

enter image description here

1 个答案:

答案 0 :(得分:0)

在您的body元素中添加一个下边距(等于页脚的高度)。

body {
  margin-bottom:40px;
}