fontenele / bootstrap-navbar-dropdowns

Bootstrap 4 Navbar with multiple dropdowns

Bootstrap Navbar Dropdowns

Support for bootstrap 3, 4 and 5

Installation

Node

npm install boostrap-navbar-dropdowns

or

yarn add boostrap-navbar-dropdowns

Using CDN

<link href="https://cdn.jsdelivr.net/gh/fontenele/bootstrap-navbar-dropdowns@5.0.2/dist/css/bootstrap-navbar-dropdowns.min.css"rel="stylesheet">

<script src="https://cdn.jsdelivr.net/gh/fontenele/bootstrap-navbar-dropdowns@5.0.2/dist/js/bootstrap-navbar-dropdowns.min.js"></script>

Usage

$('.navbar').navbarDropdown({
  theme: 'bs5',
  trigger: 'mouseover'
});

Options

Name	Type	Description
theme	string	Bootstrap theme. Valid values are bs3, bs4 or bs5
trigger	string	Event for show dropdown content. Valid values are all DOM Events.

Examples

• Bootstrap 3

  • Example
  • CodePen

• Bootstrap 4

  • Example
  • CodePen

• Bootstrap 5

  • Example
  • CodePen

Creators

Guilherme Fontenele

• https://github.com/fontenele

Bootstrap resoures

Copyright and license

Copyright Guilherme Fontenele, 2014–2020.

Licensed under the MIT License.