Twitter bootstrap 下拉菜单没有'；t重叠

我的问题是重叠，正如你们从标题中看到的。 我的代码正在运行，但当我将下拉列表放入导航栏容器中时，当我单击它时，它不会下拉。 以下是我在视图中的代码：

 <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>

---

请帮帮我

是否在标题中包含dropdown.js文件并对其进行初始化？这是我经常遇到的问题。

我想，这将包括所有javascript文件。我会试试你说的，但它在导航栏外工作。