Bootstrap移动导航无法正常工作且页脚太长。明天就业面试

Question

我没有足够的时间弄清楚移动导航无法正常工作的原因，以及为什么页脚太长。

请帮助!!

网站可在此处找到[已删除链接]

明天我将开车8个小时，可能有足够的时间来解决这些问题，然后再与求职团队会面。任何帮助将不胜感激!!

Answer 1

请从main.css文件中删除页脚高度：100％。

 #footer {
    width: 100%;
    background-color: #005bbb;
    color: white;
    font-size: x-small;
}

Answer 2

修复页脚，在main.css文件中（第296行），进行此更改

#footer {
    width: 100%;
    background-color: #005bbb;
    color: white;
    font-size: x-small;
    /* height: 100%; */  <-- delete this line
}

我不确定'移动中的导航栏'问题

Answer 3

在页面中删除页脚＆＃34;高度：100％;＆＃34;你的导航工作正常，你没有.navbar-nav类的任何背景。

＆＃13;

＆＃13;

.navbar-nav {
    background: #005bbb;
 }

＆＃13;

＆＃13;

＆＃13;

Answer 4

添加以下css， 为您的移动导航菜单添加背景颜色：

@media (min-width: 768px){
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        background: #757575!important;
    }
}