Bootstrap 4是使用最广泛的CSS框架以及HTML和JavaScript来构建交互式网站的框架之一。 Bootstrap 4提供了各种各样的内置组件，类和实用程序方法，可用于创建用户友好的Web应用程序。下一篇文章实现了折叠时更改引导导航栏的下拉颜色的目的。
第一种方法：第一种方法利用Bootstrap类在折叠时更改导航栏下拉菜单的颜色。 Bootstrap 4具有一个内置类’.show’，当下拉菜单展开时，该类将添加到导航栏项中；而当下拉菜单折叠时，该类将被隐藏。可以使用show class更改下拉菜单的颜色。
代码实现：
HTML
HTML
输出：
- 在单击下拉菜单之前：
- 单击下拉菜单后：
第二种方法：第二种方法是使用带有Bootstrap类的jQuery来折叠折叠后导航栏的下拉菜单的颜色。单击下拉菜单后，将添加navcolor类，并且下拉菜单的颜色将更改。折叠或再次单击下拉菜单时， navcolor类被隐藏。每次单击下拉菜单时，都会切换navcolor类。在这种方法中，我们不使用任何内置的Bootstrap类。
代码实现：
的HTML
输出：
- 在单击下拉菜单之前：
- 单击下拉菜单后：
