Collection of free custom Bootstrap dropdown code examples.

  1. CSS Dropdown Menus

Creator

  • bbbootstrap

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap 4 Dropdown Megamenu

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 4.3.1

Creator

  • Ondrej

Programming language

  • HTML / CSS / JS

Information 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.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, jquery.js

Bootstrap version: 4.3.1

Creator

  • Ondrej

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap 4 Multiselect Dropdown

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

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

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

Bootstrap version: 4.3.1

Creator

  • Tutorial Republic

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap Beautiful Navbar with Menu Icons

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

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

Bootstrap version: 4.5.0

Creator

  • fontenele

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap 4 NavBar

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 4.1.1

Creator

  • xBootstrap.com

Programming language

  • HTML / CSS / JS

Information a code

Responsive Dropdown Menu

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 4.0.0

Creator

  • Tutorial Republic

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap All in One Navbar

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, jquery.js

Bootstrap version: 3.3.7

Creator

  • Martin Stanek

Programming language

  • HTML / CSS / JS

Information 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.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: bootstrap-dropmenu.css, jquery.js

Bootstrap version: 3.3.6

Creator

  • Andreas Storm

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap Dropdown

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 3.3.5

Creator

  • Craig Watson

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap Popout Dropdown

A little fun with Bootstraps dropdown JS and Animate.css

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: animate.css, jquery.js

Bootstrap version: 3.3.4

Creator

  • bestjquery

Programming language

  • HTML / CSS / JS

Information a code

Dropdown Menu Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

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

Bootstrap version: 3.3.6

Creator

  • bestjquery

Programming language

  • HTML / CSS / JS

Information a code

Dropdown Menu Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

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

Bootstrap version: 3.3.6

Creator

  • bestjquery

Programming language

  • HTML / CSS / JS

Information a code

Dropdown Menu Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

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

Bootstrap version: 3.3.6

Creator

  • bestjquery

Programming language

  • HTML / CSS / JS

Information a code

Dropdown Menu Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

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

Bootstrap version: 3.3.6

Creator

  • bestjquery

Programming language

  • HTML / CSS / JS

Information a code

Dropdown Menu Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

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

Bootstrap version: 3.3.6

Creator

  • bestjquery

Programming language

  • HTML / CSS / JS

Information a code

Dropdown Menu Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

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

Bootstrap version: 3.3.6

Creator

  • bestjquery

Programming language

  • HTML / CSS / JS

Information a code

Dropdown Menu Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

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

Bootstrap version: 3.3.6

Creator

  • bestjquery

Programming language

  • HTML / CSS / JS

Information a code

Dropdown Menu Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

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

Bootstrap version: 3.3.6

Creator

  • bestjquery

Programming language

  • HTML / CSS / JS

Information a code

Dropdown Menu Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

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

Bootstrap version: 3.3.6

Creator

  • bestjquery

Programming language

  • HTML / CSS / JS

Information a code

Dropdown Menu Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

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

Bootstrap version: 3.3.6

Creator

  • bestjquery

Programming language

  • HTML / CSS / JS

Information a code

Dropdown Menu Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

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

Bootstrap version: 3.3.6

Creator

  • bestjquery

Programming language

  • HTML / CSS / JS

Information a code

Dropdown Menu Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

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

Bootstrap version: 3.3.6