html - Bootstrap - 折叠模式下的自动下拉导航菜单

Question

在 Bootstrap 导航栏中，我有一个下拉菜单。

在较小的屏幕上，导航栏是折叠的，我有一个按钮来切换导航栏元素的可见性。

由于我拥有的唯一元素是下拉菜单，我觉得必须先单击以切换导航可见性，然后单击以下拉菜单有点“愚蠢”。

我可以看到实际触发下拉菜单的是将类 open 添加到下拉菜单 - 就像 in 似乎触发了折叠导航栏的可见性.

但是当显示折叠的导航栏时，如何使下拉菜单“自动下拉”？

一个 fiddle 来说明:https://jsfiddle.net/2eyvryck/

Answer 1

@media (max-width: 767px) {
    .container-fluid>.navbar-collapse {
        height:auto ! important;
        display:block ! important;
        visibility: visible ! important;
    }
}

https://jsfiddle.net/2eyvryck/1/