css - 使用 Bootstrap 创建固定页脚

Question

我正在构建一个使用 Bootstrap 的应用程序。我希望这个应用程序有一个页脚。页脚需要“粘”在底部。换句话说，如果内容大于屏幕高度，页脚应该仍然可见，内容位于其下方。如果内容占用的高度小于屏幕高度，我仍然需要将页脚粘在底部。我尝试使用 sticky footer .但是，那是行不通的。目前，我正在尝试以下操作:

Here's My Plunker

我的 HTML 看起来像这样:

<div class="footer">
  <div class="container text-center">
    <button class="btn btn-warning"><span class="glyphicon glyphicon-filter"></span></button>
    &nbsp;
    <button class="btn btn-warning"><span class="glyphicon glyphicon-th"></span></button>
  </div>
</div>

如何制作永久固定在底部的页脚？我基本上是在尝试构建一个仅当网站在手机上运行时才可见的“操作栏”。

感谢您的帮助。

Answer 1

使用下面的代码

    .footer {
     background-color: #f5f5f5;
     bottom: 0;
     height: 60px;
     position: fixed;
     width: 100%;
    }