Question

我正在开发的网站在台式机和平板电脑上运行良好，但我的iPhone中的汉堡包导航版本无法打开子菜单。它只是在选择项目时关闭导航。

我本地化了罪魁祸首标签。当我删除类'mbr-navbar__menu'时，下拉列表确实有效，但它是可见的和未对齐的。

这是有问题的CSS：

.mbr-navbar__menu-box {
  display: table;
  width: 100%;
}
.mbr-navbar__menu-box--inline-left,
.mbr-navbar__menu-box--inline-center,
.mbr-navbar__menu-box--inline-right {
  display: block;
  text-align: left;
}
.mbr-navbar__menu-box--inline-center {
  text-align: center;
}
.mbr-navbar__menu-box--inline-right {
  text-align: right;
}

Here is the test page I'm working on.

我希望这是足够的信息。基本上，我只想让下拉列表工作，使用'mbr-navbar__menu'类提供的样式。

Answer 1

要让汉堡包工作，你需要有这个部分，特别是icon-bar部分：

<div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Brand</a>
    </div>

有关详情，请参阅此处 http://getbootstrap.com/components/#navbar

bootstrap v3 css问题与智能手机中的下拉菜单

1 个答案: