我是Bootstrap的新手,正在尝试与Symfony2一起使用它。我已经有一个用于导航的主要顶部粘性工具栏。我的问题是,当我尝试添加类似的底部粘性工具栏时,它会重叠我的内容。我正在使用JQuery脚本来避免顶部导航栏的问题,例如:
$(document).ready(function(){
$(document.body).css('padding-top', $('#topnavbar').height());
$(window).resize(function(){
$(document.body).css('padding-top', $('#topnavbar').height());
});
});
我的主要Twig布局的结构如下:
<div class="navbar navbar-default navbar-fixed-top" id="topnavbar">
<div class="container-fluid">
</div>
</div>
{% block body %}
{% endblock %}
<footer class="footer navbar-fixed-bottom">
</footer>
我的CSS是原创的。我尝试使用margin-bottom
或padding-bottom
,但我的内容在{% block body %}中仍然会重叠,我不知道该怎么办才能解决它。有人有想法吗?
position: absolute
究竟如何解决重叠问题? - busuubody {padding-bottom: 50px;}
中的50px
是您的页脚高度加上额外的边距(+1)。 - Boern