下拉菜单不重叠

时间:2012-05-23 15:36:42

标签: twitter-bootstrap

从标题看,我的问题是重叠的。 我的代码正在运行,但是当我将下拉列表放入导航栏容器时,单击它时它不会下拉。 以下是我的代码:

 <div class="navbar-inner">

     <div class="container">
  <%= link_to "Print- it- Green", root_path, id: "logo" %>

  <nav>
    <ul class="nav nav-tabs custom">
      <li class="active"><%= link_to "Overview", '#'  %>           
      </li>

      <li><%= link_to "About",    '#' %></li>
      <li><%= link_to "What we do", '#' %></li>
      <li><%= link_to "Partners", '#' %></li>
      <li><%= link_to "Contact", '#' %></li>
      <li><%= link_to "Support", '#' %></li>
      <ul class="nav nav-pills pull-right">
        <li class="dropdown">
          <a class="dropdown-toggle"
             data-toggle="dropdown"
             href="#">
        <%#= current_user.email %>
            <b class="caret"></b>dfghdfdfh
          </a>
          <ul class="dropdown-menu">
            <li><%= link_to "add website", new_website_path %></li>
            <li><%#= link_to "account settings", edit_registration_path %></li>
          </ul>
        </li>
      </ul>

    </ul>
  </nav>   
</div>

请帮助我!

1 个答案:

答案 0 :(得分:1)

您是否在标头中包含dropdown.js文件并初始化它?这是我见过的常见问题。