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

标签 html twitter-bootstrap css

第一个问题:汉堡包菜单图标没有显示。如果您将鼠标悬停在移动 View 中导航栏的右侧,您会找到该链接。

第二个问题:菜单展开时,并没有在品牌img下启动。我希望下拉菜单位于品牌下方。

谁能帮忙解决这个问题?

http://www.bootply.com/EdFJvLZyma

最佳答案

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

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

下面应该把菜单移到品牌下

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

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

关于html - Bootstrap 响应式导航栏菜单给我带来问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35588425/

相关文章:

html - 背景滤镜超出边界半径

html - 使用 href 使 td 元素可点击

javascript/html不会显示计算结果

html - Bootstrap 4 导航下拉菜单溢出窗口

jQuery 悬停效果 - 需要帮助改进此代码

javascript - 自动图像裁剪

PHP MySQL 注册页面不工作

javascript - 动画然后用淡入淡出效果替换div的类

html - Bootstrap 主体与标题重叠且未居中

css - 为什么 bootstrap 将 col-md div 更改为 100% 宽度 @max-width :991?