目标汉堡包导航在Bootstrap 4 Alpha 6中崩溃

时间:2017-01-30 12:55:30

标签: twitter-bootstrap bootstrap-4 twitter-bootstrap-4

我希望在内容折叠时在导航中设置汉堡包菜单的样式,我的目标是做什么课程?

自Alpha 5以来,类名已更改。

“折叠”类只会在点击两次后添加到按钮中。

2 个答案:

答案 0 :(得分:0)

这就是为什么RC应该用于生产。事情会改变的。很多。

要查找类,只需查看alpha 6 example template中的HTML:

<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

答案 1 :(得分:0)

collapsed类添加到标记中,因为这是切换器的初始状态..

<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