如何使用手機查看默認情況下打開引導程序3下拉菜單

Question

我無法將它發佈在小提琴上。因爲這個問題不能在那裏重新創建。

請看看我的網站（在「移動」打開它，或者調整您的瀏覽器，使其類似像移動視圖）：

=>my site

如果調整正確，您會看到菜單圖標（3行圖標）在左上方。

當您點擊3線圖標時，您將看到「類別」菜單。那麼當你點擊箭頭圖標時，你會看到「子類別」菜單。我的訪問者需要點擊兩次才能看到「子類別」

如何使它只需點擊一次。所以如果訪客點擊三線圖標，默認打開「子類別」下拉菜單。

感謝提前:)

Answer 1

使用Media queries，並選擇您的CSS Selector您Element然後使用display: block;

例如

@media (min-width: @screen-sm-min) { 
    .dropdown-menu { 
     display: block; 
    } 
} 

https://getbootstrap.com/css/#grid-media-queries

Answer 2

我認爲你正在尋找類似的東西：Bootstrap nav bars examples

Answer 3

從查看您的網站，您會注意到「類別」得到擴展時，發生了什麼事情的是班級「mm-opened」被添加到列表項目中。而從我的測試來看，在更大的屏幕上（因爲移動導航是它自己的元素），「毫米打開」類沒有任何效果。所以你應該可以通過在你的類別項目中添加'mm-opened'類來修改你的HTML：

因此，像這樣修改'mobile side nav'元素內的html會導致默認擴展一個類別：

<ul class="mm-listview mm-first mm-last"> 
    <li class="mm-vertical mm-opened"> 
    ..... 
    </li>