Bootstrap 3固定顶部导航栏显示水平滚动

Question

我正在使用Bootstrap 3和移动优先方法进行固定的顶部导航栏。

我在大屏幕上观看时遇到问题（例如，菜单没有折叠）和我点击其中一个菜单链接，菜单上出现水平滚动。

我在导航栏可折叠data-toggle="collapse" data-target=".navbar-collapse"上添加了div后也出现了问题，或者我也尝试使用锚点链接，以便在点击时添加自动关闭移动视图中的链接（小屏幕）。

当我将它用作移动视图（小显示屏）时，它可以很好地工作，并在点击我需要的链接时自动关闭。

您可以在this plunker中保存一个示例。

任何人都可以帮忙如何删除该卷轴吗？

Answer 1

感谢您的反馈。

正如@cvrebert所说，我删除了data-toggle="collapse" data-target=".navbar-collapse，而我添加了以下js：

$(document).on('click.nav', '.navbar-collapse', function (e) { if ($(".navbar-header button").is(":visible")) { $(this).collapse('hide'); } });

这将检查菜单按钮是否可见，如果可见，它将关闭菜单。

感谢。