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