Bootstrap 4 Alpha中的目標漢堡包導航摺疊6

Question

我想在內容被摺疊時在導航欄中設置漢堡包菜單的樣式，我要做什麼？因爲阿爾法5.

類「崩潰」

類的名稱已更改爲此它被點擊了兩次之後才加入到該按鈕。

Answer 1

的collapsed類添加到標記，因爲那是toggler的初始狀態..

<button class="navbar-toggler navbar-toggler-right collapsed" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">

http://www.codeply.com/go/HtUNXrHoQl

Answer 2

這就是爲什麼RC的而不是被用於生產。事情會改變的。很多。

要查找的類，只需要看看HTML中的alpha 6 example template：

<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation"> 
    <span class="navbar-toggler-icon"></span> 
</button> 

類的button是navbar-toggler和跨度類是navbar-toggler-icon。