Question

有没有办法让它在导航缩小时全部或任何下拉菜单都被展开？因此，当用户触摸导航并且它下降时，所有下拉导航项目都已完全展开？

我认为这是一种默认行为，但对我来说似乎并非如此。

相反，我的导航看起来像这样：

Image Example

我不得不将鼠标悬停在菜单项上以获取该二级菜单。有没有办法让这个和所有其他下拉菜单都已扩展？

Answer 1

只是从版本2.2开始，您想要的行为被当前在可折叠导航栏中折叠/折叠下拉列表的行为所取代。

我将以下解决方法汇总在一起，这似乎可以解决问题：

$('.nav-collapse').on('show', function (e) {
  var $dropdowns = $(this).find('.dropdown');
  setTimeout(function () {
    $dropdowns.addClass('open')
  });
});

setTimeout的原因是因为触发打开导航栏的原始点击事件会在传播到<html>元素时再次关闭下拉列表

Answer 2

解决此问题的正确答案是：Which is seen here.

@media (max-width: 980px) {
  .dropdown ul.dropdown-menu {
    display: block;
  }
}

这适用于版本 2.2.2

Twitter引导带菜单 - 响应问题

2 个答案: