底部页脚引导程序 v3

Question

我正在创建一个网站，我想要网站底部的页脚。

这是我的 html:

<div class="navbar navbar-inverse navbar-fixed-bottom">
    <div class="container">
        <p class="text-muted">Copyright ©2015 Chalford Sports & Social Club | All rights reserved</p>
    </div>
</div>

我使用了bootstrap的基础CSS。

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

我该怎么办？

Answer 1

你的html应该是

<body>
    <div id="wrap">


      <div class="container">

      </div>
    </div>

    <div id="footer">
      <div class="container">
            this is footer
      </div>
    </div>
</body>

你的css就像

html,
body {
  height: 100%;

}


#wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -60px;
  padding: 0 0 60px;
}

#footer {
  height: 60px;
  background-color: #f5f5f5;
}

只是一个概念。玩 classes 因为你 like.here 是 fiddle

底部页脚引导程序 v3

Bottom footer boostrap v3

footer

navbar