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

我希望一些菜单只显示在收拢的导航栏中

没有响应标签时，导航栏中会显示不需要的菜单（g4手册/g4皮肤/g4要求）。 （）

使用“hidden xs hidden sm hidden md hidden lg”标记，折叠菜单不会显示在xs视图中。 （）

使用“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>

您应该删除

隐藏的X

。我把它们也像其他项目一样放在下拉列表中

    <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>

在行动中看到它：

编辑：

---

如果您不希望它们出现在折叠导航中的下拉列表中，还有一个问题：

使用您提供的代码，我只能在xs网格上看到菜单删除隐藏的xs后如果删除隐藏的xs，菜单在导航栏中始终可见。请参阅：在xs模式下，菜单可见且不折叠。隐藏的sm类使所有可见的菜单显示，即使使用折叠X。