Bootstrap摺疊菜單問題與WordPress菜單

我的問題是，我有一個菜單，我不想在全寬瀏覽器窗口中顯示，當窗口寬度小於768px它可以通過切換欄點擊看到。
但我發現當我點擊切換欄時，摺疊轉換不起作用。我已經測試刪除「全皮」類，它工作正常，一切正常。
我想要有正常的轉換。我該怎麼辦？
非常感謝您的幫助。
：>Bootstrap摺疊菜單問題與WordPress菜單

這是我的菜單代碼

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

來源

2015-11-25 Echo Yang

如果我理解你的權利，你想在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和隱藏LG它。當屏幕寬度較低時，它只會顯示按鈕。

可選：如果您使用單獨的菜單，也可以將此技巧應用於您希望以此方式顯示的菜單。我不知道，因爲我不能讓那個了你的背景下，如果這是你的主菜單和應用自舉到它，或者你單獨說（我用的大多是不同類型的菜單我的移動開發）

<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/#responsive-utilities

來源

2015-11-25 16:12:15 Dorvalla

非常感謝！對不起，我可憐的英語：>現在崩潰過渡確實工作~~但有一個小問題，菜單會自動彈出時，在較低的寬度。有沒有解決方案來改進它？ –

可以顯示一個例子（或者如果它的在線，鏈接到它），因爲我不知道你的意思是什麼。 – Dorvalla

[codepen link]（http://codepen.io/anon/pen/PPrqyr）你能看到它嗎？ –

Bootstrap摺疊菜單問題與WordPress菜單

回答

相關問題