Question

我希望某些菜单只显示在折叠的导航栏中。

没有响应标签，不需要的菜单（g4手动/ g4皮肤/ g4要求）显示在导航栏中。（http://www.bootply.com/OpenCode/100726）

带有“hidden-xs hidden-sm hidden-md hidden-lg”标签，折叠菜单未在xs视图中显示。（http://www.bootply.com/OpenCode/100727）

带有“hidden-sm hidden-md hidden-lg”标签，折叠菜单未在xs视图中显示。菜单惨淡而且重复。

我做了很多尝试，但找不到答案。

一些代码......

<div class="collapse navbar-collapse navbar-top-member-collapse hidden-xs hidden-sm hidden-md hidden-lg">
    <ul class="nav navbar-nav" role="menu">
            <li><a href="<?=$g4[bbs_path]?>/board.php?bo_table=gnu4_pack_book">g4 manual</a></li>
            <li><a href="<?=$g4[bbs_path]?>/board.php?bo_table=gnu4_pack_skin">g4 skin</a></li>
            <li><a href="<?=$g4[bbs_path]?>/board.php?bo_table=gnu4_pack_req">g4 requirement</a></li>
    </ul>
</div>

Answer 1

您应该删除hidden-xs。我也像其他项目一样将它们放入下拉列表中......

    <li class="dropdown hidden-sm hidden-md hidden-lg">
      <a class="dropdown-toggle" href="#" data-toggle="dropdown">g4 BOX<b class="caret"></b></a>
        <ul class="dropdown-menu">
            <li><a href="">g4 manual</a></li>
            <li><a href="">g4 skin</a></li>
            <li><a href="">g4 requirement</a></li>
        </ul>
    </li>

查看实际操作：http://www.bootply.com/jwQGciLMTo

修改

如果您不想在折叠导航中的下拉列表中显示它们，也可以使用此功能：http://www.bootply.com/lZXTYXlWqg

导航栏中的某些菜单仅在xs视图模式下可见

1 个答案: