Bootstrap dropdown menu not working not dropping down when clicked

Question

I m trying to get to grips with bootstrap and having little success  I am just trying to get a local version of this template working  http   getbootstrap com examples jumbotron   I have copied the html directly into a html page and referenced the css and js files in the same order as the webpage only using copies from the latest download on my machine  However nothing happens when the arrow next to dropdown is clicked  i e  no menu appears   I have tried to reproduce the code in a jsfiddle but that is even worse and doesnt display the menu properly at all  http   jsfiddle net andieje kRX6n   Here is my page s output  I also included the dropdown js too    lt  DOCTYPE html gt   lt html gt   lt head gt  lt title gt      Untitled Page  lt  title gt  lt link href  styles bootstrap css  rel  stylesheet    gt      lt  -- HTML5 shim and Respond js IE8 support of HTML5 elements and media queries -- gt       lt  -- if lt IE 9  gt         lt script src  JavaScript html5shiv js  gt  lt  script gt         lt script src  JavaScript respond min js  gt  lt  script gt       lt   endif -- gt   lt  head gt    lt body gt        lt div class  navbar navbar-inverse navbar-fixed-top  gt         lt div class  container  gt           lt div class  navbar-header  gt             lt button type  button  class  navbar-toggle  data-toggle  collapse  data-target   navbar-collapse  gt               lt span class  icon-bar  gt  lt  span gt               lt span class  icon-bar  gt  lt  span gt               lt span class  icon-bar  gt  lt  span gt             lt  button gt             lt a class  navbar-brand  href     gt Project name lt  a gt           lt  div gt           lt div class  navbar-collapse collapse  gt             lt ul class  nav navbar-nav  gt               lt li class  active  gt  lt a href     gt Home lt  a gt  lt  li gt               lt li gt  lt a href   about  gt About lt  a gt  lt  li gt               lt li gt  lt a href   contact  gt Contact lt  a gt  lt  li gt               lt li class  dropdown  gt                 lt a href     class  dropdown-toggle  data-toggle  dropdown  gt Dropdown  lt b class  caret  gt  lt  b gt  lt  a gt                 lt ul class  dropdown-menu  gt                   lt li gt  lt a href     gt Action lt  a gt  lt  li gt                   lt li gt  lt a href     gt Another action lt  a gt  lt  li gt                   lt li gt  lt a href     gt Something else here lt  a gt  lt  li gt                   lt li class  divider  gt  lt  li gt                   lt li class  dropdown-header  gt Nav header lt  li gt                   lt li gt  lt a href     gt Separated link lt  a gt  lt  li gt                   lt li gt  lt a href     gt One more separated link lt  a gt  lt  li gt                 lt  ul gt               lt  li gt             lt  ul gt             lt form class  navbar-form navbar-right  gt               lt div class  form-group  gt                 lt input type  text  placeholder  Email  class  form-control  gt               lt  div gt               lt div class  form-group  gt                 lt input type  password  placeholder  Password  class  form-control  gt               lt  div gt               lt button type  submit  class  btn btn-success  gt Sign in lt  button gt             lt  form gt           lt  div gt  lt  --  navbar-collapse -- gt         lt  div gt       lt  div gt      lt script type  text javascript  src  JavaScript jquery js    gt     lt script type  text javascript  src  JavaScript bootstrap-min js    gt    lt script type  text javascript  src  JavaScript bootstrap-dropdown js    gt      lt  body gt   lt  html gt    I also tried adding this code but to no avail    lt script type  text javascript  gt              document  ready function                        dropdown-toggle   dropdown                        lt  script gt

User · Answer

Adding this script to my code fixed the dropdown menu    lt script gt        document  ready function                  dropdown-toggle   dropdown             lt  script gt

User · Answer

Just add both these files after opening of body tag  Keep in mind  Only after Body tag  any where after body tag  If you add below mentioned files inside body tag then your problems would still be unresolved   So paste them after or before close of body tag    This works 100   I ve tested and got it working    lt script src  https   ajax googleapis com ajax libs jquery 1 11 2 jquery min js  gt  lt  script gt    lt  -- Include all compiled plugins  below   or include individual files as needed -- gt   lt script src  js bootstrap min js  gt  lt  script gt

User · Answer

i faced the same problem   the solution worked for me   hope it will work for you too    lt script src  content js jquery min js  gt  lt  script gt   lt script src  content js bootstrap min js  gt  lt  script gt   lt script gt        document  ready function                  dropdown-toggle   dropdown             lt  script gt    Please include the  jquery min js  file before  bootstrap min js  file  if you shuffle the order it will not work

User · Answer

Just Remove the type  text javascript    lt script src  JavaScript jquery js    gt   lt script src  JavaScript bootstrap-min js    gt    Here is the update - http   jsfiddle net andieje kRX6n

User · Answer

I had the same issue I remove the following script and it worked for me     lt script src  https   ajax googleapis com ajax libs jquery 1 12 2 jquery min js  gt  lt  script gt

[twitter-bootstrap] Bootstrap dropdown menu not working (not dropping down when clicked)

Examples related to twitter-bootstrap