i have looked every threads in stackoverflow couldn't solve issue. here's head element:
<head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link type="text/css" rel="stylesheet" href="{{ static_url }}bootstrap/css/bootstrap.css" /> <link type="text/css" rel="stylesheet" href="{{ static_url }}bootstrap/css/custom.css" /> <link type="text/css" rel="stylesheet" href="{{ static_url }}bootstrap/css/bootstrap-responsive.css" /> <!-- javascript imports--> <script src="{{ static_url }}js/jquery.js" type="text/javascript"></script> <script src="{{ static_url }}bootstrap/js/bootstrap.js" type="text/javascript"></script> <script src="{{ static_url }}bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="{{ static_url }}bootstrap/js/bootstrap-carousel.js" type="text/javascript"></script> <script src="{{ static_url }}bootstrap/js/bootstrap-dropdown.js" type="text/javascript"></script> <script src="{{ static_url }}bootstrap/js/bootstrap-tab.js" type="text/javascript"></script> <script src="{{ static_url }}bootstrap/js/bootstrap-scrollspy.js" type="text/javascript"></script> <title>rank analyzer</title> <meta name="author" content="zurelsoft" /> <!-- date: 2013-07-18 --> </head> i calling dropdown in body this:
<div class="btn-group"> <a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i>test</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#"><i class="icon-pencil"></i> edit</a></li> <li><a href="#"><i class="icon-trash"></i> delete</a></li> <li><a href="#"><i class="icon-ban-circle"></i> ban</a></li> <li class="divider"></li> <li><a href="#"><i class="i"></i> make admin</a></li> </ul> </div> the dropdown not showing up. missing something?
have initialize dropdown?
$('.dropdown-toggle').dropdown() the html structure of dropdown menu
<div class="dropdown"> <a class="dropdown-toggle" id="dlabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html"> dropdown <b class="caret"></b> </a> <ul class="dropdown-menu" role="menu" aria-labelledby="dlabel"> ... </ul> </div> 
Comments
Post a Comment