Collection of free custom Bootstrap dropdown code examples.

Related Articles

  1. CSS Dropdown Menus

Author

  • bbbootstrap

Made with

  • HTML / CSS / JS

About a code

Bootstrap 4 Dropdown Megamenu

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 4.3.1

Author

  • Ondrej

Made with

  • HTML / CSS / JS

About a code

Bootstrap Multilevel Dropdown

The first level is built by the default Bootstrap's dropdown menu. The next levels are structurally similar to the first level, but they're wrapped into .dropdown-submneu class instead of .dropdown. In the subsequent levels, We position the .dropdown-menu using CSS to achieve the desired location.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, jquery.js

Bootstrap version: 4.3.1

Author

  • Ondrej

Made with

  • HTML / CSS / JS

About a code

Bootstrap 4 Multiselect Dropdown

Using bootstrap select, create a styled Bootstrap 4 multiselect dropdown menu.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, bootstrap-select.css, jquery.js, bootstrap-select.js

Bootstrap version: 4.3.1

Author

  • Tutorial Republic

Made with

  • HTML / CSS / JS

About a code

Bootstrap Beautiful Navbar with Menu Icons

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, jquery.js, popper.js

Bootstrap version: 4.5.0

Author

  • fontenele

Made with

  • HTML / CSS / JS

About a code

Bootstrap 4 NavBar

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 4.1.1

Author

  • xBootstrap.com

Made with

  • HTML / CSS / JS

About a code

Responsive Dropdown Menu

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 4.0.0

Author

  • Tutorial Republic

Made with

  • HTML / CSS / JS

About a code

Bootstrap All in One Navbar

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, jquery.js

Bootstrap version: 3.3.7

Author

  • Martin Stanek

Made with

  • HTML / CSS / JS

About a code

Bootstrap Dropdown Slidemorph Menu

Dropdown menu inspired by Youtube context menus within a video player. Transitions between submenus create very neat experience. Also, menu provides information about selected values for each item.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: bootstrap-dropmenu.css, jquery.js

Bootstrap version: 3.3.6

Author

  • Andreas Storm

Made with

  • HTML / CSS / JS

About a code

Bootstrap Dropdown

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 3.3.5

Author

  • Craig Watson

Made with

  • HTML / CSS / JS

About a code

Bootstrap Popout Dropdown

A little fun with Bootstraps dropdown JS and Animate.css

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: animate.css, jquery.js

Bootstrap version: 3.3.4

Author

  • bestjquery

Made with

  • HTML / CSS / JS

About a code

Dropdown Menu Style

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootsnav.css, jquery.js, bootsnav.js

Bootstrap version: 3.3.6

Author

  • bestjquery

Made with

  • HTML / CSS / JS

About a code

Dropdown Menu Style

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootsnav.css, jquery.js, bootsnav.js

Bootstrap version: 3.3.6

Author

  • bestjquery

Made with

  • HTML / CSS / JS

About a code

Dropdown Menu Style

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootsnav.css, jquery.js, bootsnav.js

Bootstrap version: 3.3.6

Author

  • bestjquery

Made with

  • HTML / CSS / JS

About a code

Dropdown Menu Style

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootsnav.css, jquery.js, bootsnav.js

Bootstrap version: 3.3.6

Author

  • bestjquery

Made with

  • HTML / CSS / JS

About a code

Dropdown Menu Style

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootsnav.css, bootsnav.js, jquery.js

Bootstrap version: 3.3.6

Author

  • bestjquery

Made with

  • HTML / CSS / JS

About a code

Dropdown Menu Style

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootsnav.css, bootsnav.js, jquery.js

Bootstrap version: 3.3.6

Author

  • bestjquery

Made with

  • HTML / CSS / JS

About a code

Dropdown Menu Style

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootsnav.css, jquery.js, bootsnav.js

Bootstrap version: 3.3.6

Author

  • bestjquery

Made with

  • HTML / CSS / JS

About a code

Dropdown Menu Style

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootsnav.css, jquery.js, bootsnav.js

Bootstrap version: 3.3.6

Author

  • bestjquery

Made with

  • HTML / CSS / JS

About a code

Dropdown Menu Style

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootsnav.css, jquery.js, bootsnav.js

Bootstrap version: 3.3.6

Author

  • bestjquery

Made with

  • HTML / CSS / JS

About a code

Dropdown Menu Style

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootsnav.css, jquery.js, bootsnav.js

Bootstrap version: 3.3.6

Author

  • bestjquery

Made with

  • HTML / CSS / JS

About a code

Dropdown Menu Style

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootsnav.css, jquery.js, bootsnav.js

Bootstrap version: 3.3.6

Author

  • bestjquery

Made with

  • HTML / CSS / JS

About a code

Dropdown Menu Style

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootsnav.css, jquery.js, bootsnav.js

Bootstrap version: 3.3.6