Collection of free custom responsive Bootstrap dropdown menu code examples. Update of September 2020 collection. 15 new items.
Related Articles
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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

Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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
Links
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

Links
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