Bootstrap v4單個導航欄切換器定位的多導航欄toggleable

Question

我有一個.navbar-toggler，我希望將多個切換導航欄作爲目標。

我發現this問題與Bootstrap 3完全相同。解決方法是簡單地將一個類的toggleger的data-target屬性與該類相關聯，然後將該類給予所有要導航的導航欄。

此解決方案對我無效。即使在將類選擇器作爲數據目標之後，只有第一個找到的元素會受到影響。

這是從v3到v4的變化嗎？還是有什麼我不正確的做法？

這是我的按鈕：

<button class="navbar-toggler hidden-lg-up" type="button" data-toggle="collapse" data-target=".exCollapsingNavbar" aria-controls="exCollapsingNavbar" aria-expanded="false" aria-label="Toggle navigation">&#9776;</button> 

而且兩者的菜單有相同的類，即：

'collapse navbar-toggleable-md exCollapsingNavbar' 

Answer 1

引導4仍處於Alpha和這周圍的錯誤之一。

https://github.com/twbs/bootstrap/issues/19813

您仍然可以使用JavaScript雖然。

下面是一個簡單的替代使用JavaScript：

https://jsfiddle.net/e9xs33pa/2/

HTML：

<button class="navbar-toggler hidden-lg-up" type="button" aria-controls="exCollapsingNavbar" aria-expanded="false" aria-label="Toggle navigation" id="MyID">&#9776;</button> 

<div class="collapse navbar-toggleable-md exCollapsingNavbar">Test</div> 
<div class="collapse navbar-toggleable-md exCollapsingNavbar">Test 2</div> 

JS：

jQuery('#MyID').on('click', function(){ 
    jQuery('.exCollapsingNavbar').collapse('toggle'); 
}); 

基本上，你給按鈕的MyID的ID。當按鈕被點擊時，jQuery摺疊會切換exCollapsingNavbar類。