Collection of free custom responsive Bootstrap dropdown menu code examples. Update of September 2020 collection. 15 new items.

Related Articles

  1. CSS Dropdown Menus

Author

  • rokr

Made with

  • HTML / CSS / JS

About a code

Bootstrap Dropdown #20

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

Responsive: yes

Dependencies: icomoon.css, popper.js, jquery.js

Bootstrap version: 4.3.1

Author

  • rokr

Made with

  • HTML / CSS / JS

About a code

Bootstrap Dropdown #19

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

Responsive: yes

Dependencies: icomoon.css, popper.js, jquery.js

Bootstrap version: 4.3.1

Author

  • rokr

Made with

  • HTML / CSS / JS

About a code

Bootstrap Dropdown #18

Free profile dropdown. It features an avatar, name, location and different dropdown sections that you can improve further.

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

Responsive: yes

Dependencies: icomoon.css, popper.js, jquery.js

Bootstrap version: 4.3.1

Author

  • rokr

Made with

  • HTML / CSS / JS

About a code

Bootstrap Dropdown #17

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

Responsive: yes

Dependencies: icomoon.css, popper.js, jquery.js

Bootstrap version: 4.3.1

Author

  • rokr

Made with

  • HTML / CSS / JS

About a code

Bootstrap Dropdown #16

A free dropdown navigation that displays an image and different categories.

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

Responsive: yes

Dependencies: icomoon.css, popper.js, jquery.js

Bootstrap version: 4.3.1

Author

  • rokr

Made with

  • HTML / CSS / JS

About a code

Bootstrap Dropdown #15

Free Bootstrap notification dropdown with a bell icon.

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

Responsive: yes

Dependencies: icomoon.css, popper.js, jquery.js

Bootstrap version: 4.3.1

Author

  • rokr

Made with

  • HTML / CSS / JS

About a code

Bootstrap Dropdown #14

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

Responsive: yes

Dependencies: icomoon.css, popper.js, jquery.js

Bootstrap version: 4.3.1

Author

  • rokr

Made with

  • HTML / CSS / JS

About a code

Bootstrap Dropdown #13

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

Responsive: yes

Dependencies: icomoon.css, popper.js, jquery.js

Bootstrap version: 4.3.1

Author

  • rokr

Made with

  • HTML / CSS / JS

About a code

Bootstrap Dropdown #12

Modern and clean Bootstrap dropdown.

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

Responsive: yes

Dependencies: icomoon.css, popper.js, jquery.js

Bootstrap version: 4.3.1

Author

  • rokr

Made with

  • HTML / CSS / JS

About a code

Bootstrap Dropdown #11

A simple free button dropdown menu.

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

Responsive: yes

Dependencies: icomoon.css, popper.js, jquery.js

Bootstrap version: 4.3.1

Author

  • rokr

Made with

  • HTML / CSS / JS

About a code

Bootstrap Dropdown #04

Free notifications dropdown menu that opens with notifications and thumbnails.

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

Responsive: yes

Dependencies: ionicons.css, popper.js, jquery.js

Bootstrap version: 4.3.1

Author

  • rokr

Made with

  • HTML / CSS / JS

About a code

Bootstrap Dropdown #03

Free Bootstrap weather dropdown menu.

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

Responsive: yes

Dependencies: ionicons.css, popper.js, jquery.js

Bootstrap version: 4.3.1

Author

  • rokr

Made with

  • HTML / CSS / JS

About a code

Bootstrap Dropdown #02

Clean and minimal profile dropdown menu with avatar, icons and hover effect that shows on click.

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

Responsive: yes

Dependencies: ionicons.css

Bootstrap version: 4.3.1

Demo image: Bootstrap 5 Dropdown Select Option

Author

  • BBBootstrap Team

Made with

  • HTML / CSS

About a code

Bootstrap 5 Dropdown Select Option

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

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 5.0.0

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

Demo image: Dropdown Menu UI

Author

  • maridlcrmn

Made with

  • HTML / CSS

About a code

Dropdown Menu UI

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

Responsive: yes

Dependencies: -

Bootstrap version: 3.2.0