Fatal编程技术网

Twitter bootstrap Twitter引导始终可见页脚

twitter-bootstrap

Twitter bootstrap Twitter引导始终可见页脚,twitter-bootstrap,Twitter Bootstrap,我需要创建一个始终可见的页脚？我正在使用twitter引导。 当内容变长时，我必须向下滚动才能看到页脚，是否有办法始终显示页脚？在bootstrap 3.0中，您可以执行以下操作： <body> <div id="wrap"> <div class="container"> <div class="page-header"> <h1>Sticky footer</h1&g

我需要创建一个始终可见的页脚？我正在使用twitter引导。
当内容变长时，我必须向下滚动才能看到页脚，是否有办法始终显示页脚？

在bootstrap 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>
如果您使用的是Bootstrap3.0，您可以添加一个简单的Nav类

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

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

此解决方案适用于“粘性页脚”。始终显示页脚是一个不同的概念。这是另一个解决方案-因为您没有使用实际的.footer类。 
<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
    <!-- Your Footer Content -->
</nav>