CODEWITHSUNDEEP
twitter-bootstrap
Denys Medynskyi
Denys Medynskyi

Reputation: 2353

Dropdown menu doesn't overlapping

My problem is in overlapping as you see from title. My code is working, but when I put dropdown list into nav-bar container it doesn't drop down when I click on it. Here is my code from view: 

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

Please help me!

Upvotes: 0

Views: 610

Answers (1)

nickdoesdesign
nickdoesdesign

Reputation: 129

Did you include the dropdown.js file in the header and initialize it? That is a common problem I have seen around.

Upvotes: 1

Related Questions