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'); } });

這將檢查菜單按鈕可見或不可見，如果可見它將關閉菜單。

謝謝。