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

【问题标题】：Bootstrap, navbar-collapse. How to change the background color of the whole navbar when the navbar-collapse is shown/open (on mobile screen)?引导，导航栏折叠。当显示/打开导航栏折叠（在移动屏幕上）时，如何更改整个导航栏的背景颜色？
【发布时间】：2018-12-03 21:04:33
【问题描述】：

我想问当显示导航栏折叠时如何更改导航栏的背景颜色。当显示导航栏折叠时我需要不同的背景颜色，而当折叠时我需要不同的背景颜色。有人知道使用 CSS 或 JS 的解决方案吗？我想不通。我将不胜感激。

【问题讨论】：

标签： html css twitter-bootstrap responsive-design navbar

【解决方案1】：

没有任何示例代码，我不能应用太多，但我可以为您提供一个使用 JQuery 的示例。假设navbar-collapse 通过将display 属性设置为block/none 来显示/隐藏，您可以监听要应用的样式属性。

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

如果navbar-collapse 可见，这会使导航栏变黑。

【讨论】：