#22

 - added themes bs3, bs4 and bs5
 - '''$.navbarDropdown({theme: 'bs5'})'''
#21
 - supports bootstrap 5
#6
 - trigger options: click, mouseover
 - '''$.navbarDropdown({trigger: 'click'})'''

Author: fontenele

css/bootstrap-navbar-dropdowns-bs3.css

@@ -0,0 +1,2 @@
+.nv-dropdown-bs3 .dropdown-toggle {
+}

css/bootstrap-navbar-dropdowns-bs4.css

@@ -0,0 +1,28 @@
+.nv-dropdown-bs4 .dropdown-toggle, .nv-dropdown-bs4 .dropdown-menu a {
+    cursor: pointer;
+}
+
+.nv-dropdown-bs4 .dropdown-item.active, .nv-dropdown-bs4 .dropdown-item:active {
+    color: inherit;
+    text-decoration: none;
+    background-color: inherit;
+}
+
+.nv-dropdown-bs4 .dropdown-item:focus, .nv-dropdown-bs4 .dropdown-item:hover {
+    color: #16181b;
+    text-decoration: none;
+    background-color: #f8f9fa;
+}
+
+@media (min-width: 767px) {
+    .nv-dropdown-bs4 .dropdown-toggle:not(.nav-link)::after {
+        display: inline-block;
+        width: 0;
+        height: 0;
+        margin-left: .5em;
+        vertical-align: 0;
+        border-bottom: .3em solid transparent;
+        border-top: .3em solid transparent;
+        border-left: .3em solid;
+    }
+}

css/bootstrap-navbar-dropdowns-bs5.css

@@ -0,0 +1,2 @@
+.nv-dropdown-bs5 .dropdown-toggle {
+}

css/bootstrap-navbar-dropdowns.css

@@ -1,28 +1,3 @@
-.navbar .dropdown-toggle, .navbar .dropdown-menu a {
-    cursor: pointer;
-}
-
-.navbar .dropdown-item.active, .navbar .dropdown-item:active {
-    color: inherit;
-    text-decoration: none;
-    background-color: inherit;
-}
-
-.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {
-    color: #16181b;
-    text-decoration: none;
-    background-color: #f8f9fa;
-}
-
-@media (min-width: 767px) {
-    .navbar .dropdown-toggle:not(.nav-link)::after {
-        display: inline-block;
-        width: 0;
-        height: 0;
-        margin-left: .5em;
-        vertical-align: 0;
-        border-bottom: .3em solid transparent;
-        border-top: .3em solid transparent;
-        border-left: .3em solid;
-    }
-}
+@import "bootstrap-navbar-dropdowns-bs3.css";
+@import "bootstrap-navbar-dropdowns-bs4.css";
+@import "bootstrap-navbar-dropdowns-bs5.css";

dist/css/bootstrap-navbar-dropdowns-bs3.css

@@ -0,0 +1,2 @@
+.nv-dropdown-bs3 .dropdown-toggle {
+}

dist/css/bootstrap-navbar-dropdowns-bs3.min.css

@@ -0,0 +1,28 @@
+.nv-dropdown-bs4 .dropdown-toggle, .nv-dropdown-bs4 .dropdown-menu a {
+    cursor: pointer;
+}
+
+.nv-dropdown-bs4 .dropdown-item.active, .nv-dropdown-bs4 .dropdown-item:active {
+    color: inherit;
+    text-decoration: none;
+    background-color: inherit;
+}
+
+.nv-dropdown-bs4 .dropdown-item:focus, .nv-dropdown-bs4 .dropdown-item:hover {
+    color: #16181b;
+    text-decoration: none;
+    background-color: #f8f9fa;
+}
+
+@media (min-width: 767px) {
+    .nv-dropdown-bs4 .dropdown-toggle:not(.nav-link)::after {
+        display: inline-block;
+        width: 0;
+        height: 0;
+        margin-left: .5em;
+        vertical-align: 0;
+        border-bottom: .3em solid transparent;
+        border-top: .3em solid transparent;
+        border-left: .3em solid;
+    }
+}