Question

经过研究和堆栈溢出的问题和答案后，我失败了，现在需要专家的观点。请以小分辨率检查我的主页视图，页脚没有刷到页脚。

http://responsivedesignchecker.com/dev2d.com/projects/ihound/index.php

或http://responsivetest.com/dev2d.com/projects/ihound/index.php

我试过这个，它不适用于iPhone

.footerBottom {
    position: absolute;
    bottom: 0;
    margin: 0 auto !important;
    text-align: center !important;
    width: 100% !important;
    height:60px;
}

Answer 1

使用内置的navbar-fixed-bottom类，不要忘记添加正文填充：

<强> HTML：

<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
  <div class="container">
    ...
  </div>
</nav>

<强> CSS：

body { padding-bottom: 70px; }

有关详细信息，请参阅：http://getbootstrap.com/components/#navbar并转到标记为“固定到底部”的部分。

Answer 2

它可以在桌面和移动设备上使用 测试

<div class="col-lg-10 bg-danger">
    <div class="col-lg-1" id="throw_1">
    </div>
    ....
</div>

如何使用所有响应视图修复bootstrap 3 footer以固定在底部

2 个答案: