Html 引导，导航栏折叠。当显示/打开导航栏折叠时（在移动屏幕上），如何更改整个导航栏的背景色？

我想问一下，当显示导航栏折叠时，如何更改导航栏的背景颜色。我需要不同的背景颜色时，显示导航栏折叠和不同的背景颜色时，折叠。有人知道使用CSS或JS的解决方案吗？ 我想不出来。

---

我会感谢你的帮助

没有任何示例代码，我无法应用太多，但我可以使用JQuery为您提供一个示例。假设

navbar collapse

通过将

display

属性设置为

block/none

来显示/隐藏，您可以侦听要应用的样式属性

if($('#navbar-collapse:visible').length == 0){
   $('#navbar').css('background: #000')
}

如果显示

导航栏折叠

，则导航栏将变为黑色