Bootstrap 3 Tutorials – #6 Creating Dropdown's


Bootstrap 3 Tutorials – #6 Creating Dropdowns in Bootstrap

Download Free Project files for This series.

Drop box :
Google Drive :

(100% secure) Virus total scan

Subscribe to my YouTube Channel
YouTube :

Ask, Share, Like
Twitter :
Facebook :
Google+ :

In this video I will show you How to create dropdowns in
bootstrap which are Toggle able, contextual menu for
displaying lists of links.In this video i will create a
button with a default property and than i will make that
button into a Dropdown. Also in this video i will show you
how to create disabled menu lists, create heading ,
Creating Different section in the Dropdown’s, so on and so

Here are the links of all the video of this series

01 The grid system

#2 Buttons in Bootstrap

#3 Glyphicons in Bootstrap

#4 Form Components in Bootstrap

#5 Tables in Bootstrap

#6 Dropdown’s in Bootstrap

#7 Tabs in Bootstrap

#8 NavBar in Bootstrap

#9 ListGroups in Bootstrap

#10 Panels in Bootstrap

#11 Modals in Bootstrap

#12 Collapse in Bootstrap

#13 Carousels in Bootstrap

#14 Breadcrumbs in Bootstrap

#15 Pagination in Bootstrap

#16 Labels in Bootstrap

#17 Jumbotron in Bootstrap

#18 Thumbnail’s in Bootstrap



  1. I have implemented a dropdown on my site. However, when I click on one link on the drop down and it shows the tab content (using tab and pane), and then click on another link on the same dropdown, both of them highlight blue (active). How do I prevent this from happening?

  2. The dropdown didnt work for me too… but then i put the jquery.min.js file before the bootstrap.min.js file in the body tag it worked for me…

  3. paste this link inside the body to make the dropdown work properly…

    <script src="js/bootstrap.min.js"></script>

  4. I am coding exactly like your video but I don't get the same result like you.My button is doesn't work. Why is doesn't work  for me ?

  5. I am on windows PC using notepad ++ and for some reason my drop down does not work. What am I doing wrong? My code looks just like yours so I'm not sure what the problem is.

  6. Actually here it's mentioned to include bootstrap.min.js, avoid it. Instead include bootstrap.js.
    For beginners i would suggest don't go for bootstrap.min.js or bootstrap.min.css, instead use non-compressed bootstrap files.
    It will surely work !
    Thank you

  7. Sir pl. help me out. 
    Dropdown dose not work.
    I think problem with data-toggle="dropdown"
    my demo here :
    Thank you!

  8. if you have problems with dropdown

    place this inside <head>
    <script src=""></script>
    <script src=""></script>

    then try it again.

    at least for me it works.


Please enter your comment!
Please enter your name here