You should require jQuery before <script src="js/bootstrap.js"></script>
Like this: <script src="http://code.jquery.com/jquery-1.9.0.min.js";></script> <script src="js/bootstrap.js"></script> BTW: Just require "bootstrap.min.css" and "bootstrap.min.js" once. "bootstrap.css" and "bootstrap.js" are used to debugging. (because they are not compressed) On Thu, Jan 31, 2013 at 6:07 AM, Romulo <[email protected]> wrote: > Hello I can not to achive that dropdown menu works...what am I missing ?, > please help me I have no experience with html and css. Any help will be > greatly appreciated, the code I am testing was copied from the bootstrap > examples website. > > Thanks in advance, > > Jose > > here is the code: > > <head> > <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> > <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" > media="Screen"/> > <link type "text/css" rel="stylesheet" href="css/bootstrap.css"/> > </head> > > <ul class="nav nav-pills pull-right"> > <li class="active"><a href="#">Regular link</a></li> > <li class="dropdown"> > <a class="dropdown-toggle" id="drop4" role="button" > data-toggle="dropdown" href="#">Dropdown <b class="caret"></b></a> > <ul id="menu1" class="dropdown-menu" role="menu" > aria-labelledby="drop4"> > <li><a tabindex="-1" href="#">Action</a></li> > <li><a tabindex="-1" href="#">Another action</a></li> > <li><a tabindex="-1" href="#">Something else > here</a></li> > <li class="divider"></li> > <li><a tabindex="-1" href="#">Separated link</a></li> > </ul> > </li> > <li class="dropdown"> > <a class="dropdown-toggle" id="drop5" role="button" > data-toggle="dropdown" href="#">Dropdown 2 <b class="caret"></b></a> > <ul id="menu2" class="dropdown-menu" role="menu" > aria-labelledby="drop5"> > <li><a tabindex="-1" href="#">Action</a></li> > <li><a tabindex="-1" href="#">Another action</a></li> > <li><a tabindex="-1" href="#">Something else > here</a></li> > <li class="divider"></li> > <li><a tabindex="-1" href="#">Separated link</a></li> > </ul> > </li> > <li class="dropdown"> > <a class="dropdown-toggle" id="drop5" role="button" > data-toggle="dropdown" href="#">Dropdown 3 <b class="caret"></b></a> > <ul id="menu3" class="dropdown-menu" role="menu" > aria-labelledby="drop5"> > <li><a tabindex="-1" href="#">Action</a></li> > <li><a tabindex="-1" href="#">Another action</a></li> > <li><a tabindex="-1" href="#">Something else > here</a></li> > <li class="divider"></li> > <li><a tabindex="-1" href="#">Separated link</a></li> > </ul> > </li> > </ul> <!-- /tabs --> > > <script src="js/bootstrap.js"></script> > <script src="js/bootstrap.min.js"></script> > > </div> > > -- > You received this message because you are subscribed to the Google Groups > "twitter-bootstrap" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > For more options, visit https://groups.google.com/groups/opt_out. > > > -- Alan Zhu ---------------------------------------- MOBILE: +86 15000692632 -- You received this message because you are subscribed to the Google Groups "twitter-bootstrap" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out.
