Question

我正在使用bootstrap创建我的网站，但我确实遇到了2个问题。我的布局是这样构建的：

<div id="wrapper">
    <div id="header">...</div>
    <div id="content">...</div>
    <div id="footer">...</div>
</div>

在标题中，我的导航现在可以完美地调整页面大小。虽然我的第一个问题是：一旦我进入移动模式（调整页面大小）并扩展导航，导航扩展就在我的页脚后面。

我的另一个问题是我的页脚（一旦列在彼此之下）不会将颜色一直扩展到底部。在我给出页脚的446px之后颜色停止了。

我尝试过多种方式解决这些问题，但我无法做到。我的网站（WIP当然）就在这里：“删除网址”，我也可以在这里上传css，但我认为（因为它非常小）更容易查看[css文件] [2]和索引文件本身

这个解决方案（效果不好）不是用bootstrap完成的。我也尝试使用Sticky页脚，但这也没有用。

提前致谢，

马克

编辑：正如您在下面看到的那样导航问题已修复。剩下的唯一问题是当页脚展开时颜色不会扩展。

Answer 1

添加到您的页脚：

#footer{
    font-family: Tahoma, Geneva, sans-serif;
    padding-top:80px;
    height: 550px;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    background: #303030 url(../images/templatemo_footer.png) repeat-x top;
    color: #999;
    z-index: -20;

}

最后一次尝试：

@media only screen and (max-width : 980px) {
    #footer{
        height: 650px;
    }
}

我的页脚后面的Bootstrap导航（在移动设备上）

1 个答案: