如何使用手机查看默认情况下打开引导程序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>