我在这方面缺少什么吗?我觉得我已经浏览了几次他们的站点文档,却没有在页脚上找到任何东西。
我只是希望有一个规则的反色页脚,即使没有任何内容可以固定在屏幕的最底部。当内容长于屏幕高度时,它将把它向下推到底部。
现在我有这个:
<div class="navbar navbar-inverse navbar-fixed-bottom">
<div class="navbar-inner">
<div class="container">
<span>testing</span>
</div>
</div>
</div>
但是每次屏幕分辨率下降980px
到页脚下方时,都会跳到屏幕的顶部。我没有使用Bootstrap进行过很多工作,这似乎是他们应该考虑的问题,并且我可能在这里缺少一些关键的问题。谁能解释这个原因?
这适用于Bootstrap 3.3.1
<div class="container">
[...]
</div>
<footer class="footer">
<div class="container">
<p class="text-muted">my footer</p>
</div>
</footer>
确保页脚标签在container
div之外
你需要的粘性footer.css太是这里
编辑:
要执行您在评论中的要求,您是否尝试过?
<footer class="footer">
<div class="navbar navbar-inverse navbar-fixed-bottom">
<div class="navbar-inner">
<div class="container">
<span>testing</span>
</div>
</div>
</div>
</footer>
另外,您还需要调整CSS类.footer
:
.footer {
position: absolute;
bottom: 0;
width: 100%;
/* height: 60px; */
background-color: #f5f5f5;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句