如何使用bootstrap从导航栏的链接下面创建一个简单的下拉菜单?

时间:2013-12-12 19:59:02

标签: twitter-bootstrap haml

我想尝试一个简单的下拉菜单,其中包含" Dropme"但这不起作用。

我需要改变什么?

.navbar.navbar-inverse{role: 'navigation'}
.navbar-inner
.container-fluid
  %ul.nav.navbar-nav
    %li
      %a{:href => "/"} Home
    %li
      %a{:href => "/unassigned"} Unassigned
    %li
      %a{:href => "/assigned"} Assigned
    %li
      %a{:href => "/agent/all"} Agent
    %li
      %a{:href => "/asnew/joe"} Joe
    %li
      %a{:href => "/asnew/Bob"} Bob
    %li.dropdown
      %a{:href=>"#", :class=>"dropdown-toggle", "data-toggle"=>"dropdown"}Dropme<b class="caret"></b>
      %ul.dropdown-menu
        %li
          %a{:href => "/asnew/Eve"} Eve
        %li
          %a{:href => "/asnew/Gia"} Gia
    %li
      %a{:href => "/note"} Notes

1 个答案:

答案 0 :(得分:0)

我基本上将这个(再次)添加到'li.dropdown'部分并且它有效。

%ul.nav.navbar-nav