2012-11-04 95 views
1

我建立导航栏与固定宽度bootstap,下面是我使用的,但在右侧的下拉不工作下拉在导航栏具有固定宽度

<div class="navbar navbar-fixed-top"> 
     <div class="navbar-inner"> 
      <div class="container"> 
       <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </a> 
       <a class="brand" href="/">PROJECT</a> 
       <div class="nav-collapse"> 
        <ul id="menu" class="nav"> 
         <li><a href="#">Home</a></li> 
         <li><a href="#">About</a></li> 
         <li><a href="#">Contanct</a></li> 
        </ul> 
       </div><!-- /.nav-collapse --> 
       <ul class="nav pull-right"> <!-- user-menu dropdown --> 
        <li class="dropdown" id="user-menu"> 
         <a href="#user-menu" class="dropdown-toggle" data-toggle="dropdown"> 
          <i style="opacity: 0.40;" class="icon-user icon-white">&nbsp;</i>&nbsp;Anonymous 
          <b class="caret"></b> 
         </a> 
         <ul class="dropdown-menu"> 
          <li data-name="user-activity"><a href="#">Preferences</a></li> 
          <li class="divider"></li> 
          <li><a href="#">Logout</a></li> 
         </ul> 
        </li> 
       </ul> <!-- /user-menu dropdown --> 
      </div> 
     </div><!-- /navbar-inner --> 
    </div> 

我已经包含下面的CSS代码和在顺序方式JS:

  • bootstrap.min.css
  • 自举-responsive.min.css
  • 的jquery-1.4.1.js
  • bootstrap.min.js
  • 引导-dropdown.js
+0

我们真的很感激,工作实例,至少使用类似的jsfiddle –

+0

两件事情可能是问题的根源:jQuery的1.4是不是正式的Twitter的引导框架支持(它使用['。 on()'](http://api.jquery.com/on/),1.7 +),并且您必须**不包括插件两次,考虑到'bootstrap.min.js'包含所有插件。 – Sherbrow

回答