【问题标题】:Bootstrap responsive navbar menu giving me problemsBootstrap 响应式导航栏菜单给我带来了问题
【发布时间】:2016-02-24 09:21:03
【问题描述】:

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

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

有人可以帮忙吗?

http://www.bootply.com/EdFJvLZyma

【问题讨论】:

    标签: html twitter-bootstrap css


    【解决方案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;
    }
    

    【讨论】:

    • 背景颜色有效。此外,在弄乱了一些边距之后,这适用于我 iPhone 上的导航栏。但是,当我调整我的 chrome 浏览器的大小时,它真的关闭了。
    • @Jay 抱歉耽搁了。我已经用应该为您解决的问题更新了我的答案! :)
    猜你喜欢
    • 2014-12-04
    • 2022-12-12
    • 2016-04-13
    • 1970-01-01
    • 2015-11-04
    • 2019-03-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多