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

Question

我想在内容折叠时设置导航栏中汉堡包菜单的样式，class我的目标是什么？

自 Alpha 5 以来，class 名称已更改。

class "collapsed" 仅在单击两次后才添加到按钮。

Answer 1

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

要找到 classes，只需查看 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 上的 class 是 navbar-toggler，跨度上的 class 是 navbar-toggler-icon。

Answer 2

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

<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

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

Target hamburger nav collapse in Bootstrap 4 Alpha 6

twitter-bootstrap

bootstrap-4

twitter-bootstrap-4