Twitter Bootstrap dropdown menu

Question

I m trying to use Twitter Bootstrap s dropdown menu in its top nav bar  You can see an example working here  http   twitter github com bootstrap    In mine  the arrow indicating that it s a dropdown shows on the menu but when I hover or click on it it doesn t reveal my dropdown links  I think I ve included all the necessary classes  and I don t believe Twitter s requires javascript    Can you see what I m doing wrong   My dropdown     lt div class  topbar  data-dropdown  dropdown  gt      lt div class  fill  gt       lt div class  container  gt       lt ul class  nav  gt          lt li gt  lt    link to  Home   main app root path   gt  lt  li gt             lt li gt  lt    link to  Outlines   main app outlines path   gt  lt  li gt          lt li class  dropdown  gt           lt a href     class  dropdown-toggle  gt Assessment lt  a gt           lt ul class  dropdown-menu  gt           lt li gt  lt a href     gt second link  lt  a gt  lt  li gt           lt li gt  lt a href     gt third link  lt  a gt  lt  li gt           lt  ul gt         lt  li gt           I go on to close all the divs etc  The nav bar looks great but the dropdown just doesn t work     Twitter Bootstrap   lt div class  topbar  data-dropdown  dropdown  gt     lt div class  topbar-inner  gt       lt div class  container  gt         lt h3 gt  lt a href     gt Project Name lt  a gt  lt  h3 gt         lt ul class  nav  gt           lt li class  active  gt  lt a href     gt Home lt  a gt  lt  li gt           lt li gt  lt a href     gt Link lt  a gt  lt  li gt           lt li gt  lt a href     gt Link lt  a gt  lt  li gt           lt li gt  lt a href     gt Link lt  a gt  lt  li gt           lt li class  dropdown  gt             lt a href     class  dropdown-toggle  gt Dropdown lt  a gt             lt ul class  dropdown-menu  gt               lt li gt  lt a href     gt Secondary link 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 gt  lt a href     gt Another link lt  a gt  lt  li gt             lt  ul gt           lt  li gt         lt  ul gt         lt form class  pull-left  action    gt           lt input type  text  placeholder  Search  gt         lt  form gt         lt ul class  nav secondary-nav  gt           lt li class  dropdown  gt             lt a href     class  dropdown-toggle  gt Dropdown lt  a gt             lt ul class  dropdown-menu  gt               lt li gt  lt a href     gt Secondary link 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 gt  lt a href     gt Another link lt  a gt  lt  li gt             lt  ul gt           lt  li gt         lt  ul gt       lt  div gt     lt  div gt  lt  --  topbar-inner -- gt   lt  div gt

User · Answer

It s also possible to customise your bootstrap build by using   http   twitter github com bootstrap customize html  All the plugins are included by default

User · Answer

lt  DOCTYPE html gt   lt html lang  en  gt   lt head gt       lt  -- core CSS -- gt       lt link href  http   webdesign9 in css bootstrap min css  rel  stylesheet  gt       lt link href  http   webdesign9 in css font-awesome min css  rel  stylesheet  gt       lt link href  http   webdesign9 in css responsive css  rel  stylesheet  gt       lt  -- if lt IE 9  gt       lt script src  js html5shiv js  gt  lt  script gt       lt script src  js respond min js  gt  lt  script gt       lt   endif -- gt          lt  head gt  lt  -- head-- gt   lt body class  homepage  gt       lt header id  header  gt           lt nav class  navbar navbar-inverse  role  banner  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  sr-only  gt Toggle navigation lt  span 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  title  Web Design Company in Mumbai  href  index php  gt  lt img src  images logo png  alt  The Best Web Design Company in Mumbai    gt  lt  a gt                   lt  div gt                   lt div class  collapse navbar-collapse navbar-right  gt                       lt ul class  nav navbar-nav  gt                           lt li class  active  gt  lt a href  index php  gt Home lt  a gt  lt  li gt                           lt li gt  lt a href  about php  gt About Us lt  a gt  lt  li gt                           lt li gt  lt a href  services php  gt Services lt  a gt  lt  li gt                           lt li gt  lt a href  term-condition php  gt Terms  amp amp  Condition lt  a gt  lt  li gt  lt  li gt                           lt li gt  lt a href  contact php  gt Contact lt  a gt  lt  li gt                                               lt  ul gt                   lt  div gt               lt  div gt  lt  --  container-- gt           lt  nav gt  lt  -- nav-- gt       lt  header gt  lt  -- header-- gt       lt script src  http   webdesign9 in js jquery js  gt  lt  script gt       lt script src  http   webdesign9 in js bootstrap min js  gt  lt  script gt   lt  body gt   lt  html gt

User · Answer

It actually requires inclusion of Twitter Bootstrap s dropdown js  http   getbootstrap com 2 3 2 components html

User · Answer

lt script type  text javascript  src  http   twitter github com bootstrap assets js bootstrap-dropdown js  gt  lt  script gt

User · Answer

I had a similar problem and it was the version of bootstrap js included in my visual studio project  I linked to here and it worked great    lt script src    netdna bootstrapcdn com bootstrap 3 1 1 js bootstrap min js  gt  lt  script gt

User · Answer

You must include jQuery in the project    lt script src  http   ajax googleapis com ajax libs jquery 1 11 1 jquery min js  gt  lt  script gt    I didn t find any doc about this so I just opened a random code example from tutorialrepublic com http   www tutorialrepublic com twitter-bootstrap-tutorial bootstrap-dropdowns php  Hope this helps someone else

[css] Twitter Bootstrap dropdown menu

Examples related to css

Examples related to twitter-bootstrap