Question

我使用以下代码使用Bootstrap创建页脚：

<nav class="navbar navbar-default navbar-fixed-bottom">
    <div class="container">
        <div class="navbar-header">
            <span class="navbar-brand">Ok Bye</span>
        </div>

        <p class="navbar-text navbar-right">company &copy; 2017</p>
    </div>
</nav>

我希望页面底部有一个静态footer，而不是viewport中始终可见的静态Bootstrap。 latex达到此目的的方法是什么？

Answer 1

静态页脚在Bootstrap中有一个实现。您不需要使用<nav>

<强> CSS：

/* Sticky footer styles
-------------------------------------------------- */
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

<强> HTML：

<footer class="footer">
  <div class="container">
    ...
  </div>
</footer>

使用导航栏的Bootstrap静态页脚

1 个答案: