Bootstrap 响应式导航栏菜单给我带来了问题

Question

第一个问题：汉堡菜单图标未显示。如果您将鼠标悬停在移动视图中导航栏的右侧，您会找到该链接。

第二个问题：菜单展开时，没有在品牌img下启动。我希望下拉菜单位于品牌下方的中心。

有人可以帮忙吗？

http://www.bootply.com/EdFJvLZyma

Answer 1

因为.icon-bar 类没有背景颜色，所以没有显示汉堡包。添加以下内容将使汉堡出现。

.navbar-toggle .icon-bar {
    background-color: #000;
}

下面应该移动品牌下的菜单

.navbar-collapse {
    margin-top: 50px;
}

ul.nav.navbar-nav.navbar-right {
    width: 110px;
    margin: auto;
}