Twitter Bootstrap drop down menu not working

Twitter Bootstrap drop down menu not working

I know there are a lot of questions like this on Stack Overflow and I've looked at them but my dropdown menu still isn't working.

Here's my code:

                  
                          
  
  
Login
   
                          My Account                          
                              
Login
                              
Register
                          
                      
                          
                  
  
  

What's wrong with it?

EDIT

So the drop down menu is now working with the answer posted to this question. However if I include the scripts mentioned over there the modal window stops working. And when I comment those entries it starts working again.

Here's the code for my modal window:

      
                    
              Enter your Credentials
      
      
          
      
      Email      
            
      
      
      Password   
      
      
      
             Remember me            Login      Sign up      
      
            
  

And the JavaScript for the trigger:

$('#myModal').on('hide',function(){      $('.nav > li > a.modal-open-li').removeClass('modal-open-li');  });  

Answer by Mortalus for Twitter Bootstrap drop down menu not working

Seems to work fine in jsFiddle, here is an example http://jsfiddle.net/2hGuv/

You must remember to import the js file. here is the code with the following files imported: http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js

      
          
              
                  
Login                    
                  
 My Account                        
                          
Login                            
                          
Register                            
                      
                  
          
      
  
  

Answer by bruno.karklis for Twitter Bootstrap drop down menu not working

Check if you have this in js files: $('.dropdown-toggle').dropdown();

Check if you have something like this with this sequence:

check this: Bootstrap drop-down menus and tabbable tabs on Docpad

Answer by nissetuuta for Twitter Bootstrap drop down menu not working

Adding this in my ready function fixed the problem for me

$('.dropdown-toggle').dropdown();  

Answer by leemo for Twitter Bootstrap drop down menu not working

For anyone still experiencing this problem. I found that I was including the bootstrap js files twice (I had split my header, body and footer files and had not realised I was including them both in the footer and header.

Might help someone.

Answer by waluga for Twitter Bootstrap drop down menu not working

I had a similar problem. And the cause was the wrong order of js files in head tag. Correct order is the jquery.min.js first than bootstrap.min.js

Answer by Majid khalili for Twitter Bootstrap drop down menu not working

For mine it was because of the order of adding scripts was not right , it should be like this :

Fatal error: Call to a member function getElementsByTagName() on a non-object in D:\XAMPP INSTALLASTION\xampp\htdocs\endunpratama9i\www-stackoverflow-info-proses.php on line 72