Html 缩小屏幕尺寸时，可折叠导航栏按钮不显示菜单

由于某些原因，当我将屏幕缩小到平板电脑或手机宽度时，可折叠的导航栏按钮无法按预期工作

此外，在页脚上，社交图标没有正确显示徽标。我看到的只是图标，而不是图标上的徽标

.jumbotron{
边界半径：0；
背景色：#F44336；
颜色：#FFF；
高度：100px；
}
身体{
填充：0px；
z指数：0；
}
.navbar默认值{
}

数据目标是“#navbar”，但您没有
id=“navbar”


还有很多无效的HTML

（即：
这与codeply上的问题相同。我无法纠正此问题。您需要给导航栏一个id=“navbar”。清理代码，如果您仍然有问题，请发布另一个关于社交图标的问题。我创建了一个测试页面，在该页面上我设法解决了社交图标问题以及可折叠导航栏问题。现在我计划将该测试页面用作主项目站点。我正在发布另一个问题，因为我遇到了一个新问题。请帮助我解决这个问题。