Bootstrap-在折叠模式下自动导航导航菜单

Question

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

在较小的屏幕上，导航栏倒塌了，我得到了一个按钮来切换导航栏项目的可见性。

由于我唯一拥有的项目是下拉菜单，因此我觉得必须先单击才能切换导航可见性，然后单击以删除菜单。

。

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

但是，当显示倒塌的导航栏时，我该如何进行下拉''自动dropdown'？

一个小小的小提琴说明：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/

Answer 2

这是一个jQuery版本。看起来不太好，但确实保持切换函数。

$('.navbar-toggle').on('click', function () {
    setTimeout(function(){$('.dropdown-toggle').parent().addClass('open');},300)
});

需要setTimeout，因此在Bootstrap打开时，Bootstrap关闭下拉菜单后，它会发射。