Bootstrap折叠切换菜单问题与WordPress菜单

Question

我的问题是我有一个菜单，我不想在全角浏览器窗口中显示该菜单，当窗口宽度小于768px时，可以通过单击切换栏来查看它。
但是我发现单击切换栏时，折叠过渡不起作用。 我已经测试过删除“ full-hide ”类，它工作正常，一切正常。
我想正常过渡。 我该怎么办？
非常感谢您的帮助。
：>

这是我的菜单代码

<div class="full-hide" id="navbar-collapse-2">
<?php
   $args = array(
      'menu'        =>  'all-menu',
      'menu_class'  =>  'nav navbar-nav',
      'container'   =>  'false'
   );
   wp_nav_menu( $args );
?>
</div>

在style.css中

.full-hide{ display: none;}

切换条形码

    <button type="button" class="navbar-toggle collapsed"
data-toggle="collapse" data-target="#navbar-collapse-2" aria-expanded="false">
    <span class="sr-only">Toggle navigation</span>
    <span class="glyphicon glyphicon-align-justify toggle-bar" aria-hidden="true">
    </span>
    </button>

Answer 1

如果我理解正确，您希望按钮显示为768（这是小屏幕的最大尺寸）。

由于使用引导程序，因此也可以将其应用于按钮。

<button type="button" class="navbar-toggle collapsed hidden-md hidden-lg" data-toggle="collapse" data-target="#navbar-collapse-2" aria-expanded="false">
     <span class="sr-only">Toggle navigation</span>
     <span class="glyphicon glyphicon-align-justify toggle-bar" aria-hidden="true"></span>
</button>

将类hiddden-md和hidden-lg应用于它。 当屏幕变小时，它将仅显示按钮。

可选：如果您使用单独的菜单，请将此技巧应用于您也希望以这种方式显示的菜单。 我不确定，因为如果这是您的主菜单并对其应用BootStrap，或者您将其分开（如果我在移动开发中使用的菜单大多不同，则无法从上下文中进行补偿）

<div class="hidden-md hidden-lg" id="navbar-collapse-2">
<?php
   $args = array(
      'menu'        =>  'all-menu',
      'menu_class'  =>  'nav navbar-nav',
      'container'   =>  'false'
   );
   wp_nav_menu( $args );
?>
</div>

有关文档，请参见http://getbootstrap.com/css/#sensitive-utilities