2

我需要创建一个始终可见的页脚吗?我正在使用推特引导程序。当内容变长时,我必须向下滚动才能看到页脚,有没有办法始终显示页脚?

4

2 回答 2

10

如果您使用的是 Bootstrap 3.0,您可以添加一个简单的 Nav-Class。

页脚始终固定在底部并且始终可见。

<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
    <!-- Your Footer Content -->
</nav>

https://getbootstrap.com/docs/3.3/components/#navbar-fixed-bottom

于 2013-09-24T13:59:39.663 回答
0

在引导程序 3.0 中,您可以执行以下操作:

  <body>
    <div id="wrap">
      <div class="container">
        <div class="page-header">
          <h1>Sticky footer</h1>
        </div>
      </div>
    </div>

    <div id="footer">
      <div class="container">
        <p class="text-muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p>
      </div>
    </div>
  </body>

在你的 CSS 中:

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 60px;
  background-color: #f5f5f5;
}
于 2013-09-24T00:00:02.690 回答