Question

在我的网站上我使用的是bootstrap，但我的页脚并没有停留在页面底部。怎么解决这个问题？我的网站是http://www.kewsplus.com/chunetest/blog.html以查看错误。页脚位于底部但覆盖了网页中的一些文本，图像也不在正确的位置。在主页上，您可以看到页脚实际应该是什么样的

任何帮助将不胜感激。

Answer 1

我看到你的css通过firebug在Wrap和footer css中有额外的属性。您可以从Wrap中删除边距并从页脚中删除高度。

旧Css

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

footer {
   background-color: #FFFFFF;
   height: 60px;
   width: 100%;
}

更新了css

#wrap {
  height: auto !important;
  min-height: 100%;
}  
footer {
   background-color: #FFFFFF;
   width: 100%;
}

Answer 2

你应该为你的页脚使用 Bootstrap Navbar ，如下所示：

<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
    ...
</nav>

见这里：http://getbootstrap.com/components/#navbar-fixed-bottom

您还可以添加保证金：

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

但是如果您使用Bootstrap，我建议您使用Bootstrap页脚。

Answer 3

页脚位于Chrome页面的底部，但我无法滚动页面。我不确定你在问什么。

您无法使字体变粗的可能原因是您未在页面中包含粗体版本。如果我这样做，它可以正常工作：

p {
    font-family: arial;
    font-weight: bold;
}

您需要在样式表中链接重量级版本的“Open Sans”。

Bootstrap页脚问题

3 个答案: