单击后返回Bootstrap .navbar-toggle到其正常状态

Question

使用Bootstrap v3.3.4开箱即用，无需自定义CSS。

当点击汉堡包按钮时，导航会按预期展开，尽管按钮本身保持"按下"模式，只有在点击页面其他地方时才会恢复到正常状态。

有人知道如何使汉堡按钮返回到正常状态后，它被点击?

这是我所指的按钮，以避免混淆:

<button class="navbar-toggle" data-toggle="collapse">...

Answer 1

这是因为按钮保持焦点，和引导样式。

更改伪选择器:focus的样式:

.navbar-default .navbar-toggle:focus{
    background-color: transparent;
}

注意，您将需要重新应用:hover样式，因为当按钮既聚焦又悬停时，:focus样式将优先考虑:

.navbar-default .navbar-toggle:hover{
    background-color: #ddd;
}

bootp