2014-05-08 152 views
-1

这是我的导航面板haml with bootstrap。这是其他开发者留下的东西。我的html/css /设计技能很少。bootstrap下拉菜单不会掉下来

.navbar.navbar-static-top 
    .navbar-inner 
    .container 
     %a.btn.btn-navbar(data-target=".nav-collapse" data-toggle="collapse") 
     %span.icon-bar 
     %a.brand{ href: 'http://www.url.com' } 
     =image_tag 'amazons3url' 
     .nav-collapse.collapse 
     %ul.nav.pull-left 
      %li.divider-vertical 
      -if student_signed_in? 
      %li.dropdown 
       %a.dropdown-toggle(data-toggle='dropdown' href='#') 
       =t('.account') 
       %b.caret 
       %ul.dropdown 
       %li 
        =link_to(t('.register_event'), new_event_path) 
       %li 
        =link_to(t('.events'), events_path) 
       %li 
        =link_to(t('.sign_out'), destroy_student_session_path, 
          method: :delete) 
      -else 
      %li 
       =link_to(t('navigationbar.sponsors'), brands_path) 
      %li 
       =link_to(t('navigationbar.works'), page_path('how_it_works')) 
      %li 
       =link_to(t('navigationbar.about'), page_path('about')) 
      %li 
       =link_to(t('navigationbar.signup'), 
       new_student_registration_path) 
      %li.divider-vertical 
      %li.divider-vertical 
      %li 
       =link_to(t('navigationbar.login'), new_student_session_path) 
      %li.divider-vertical 
       =link_to(t('navigationbar.event'), new_sponsorship_path) 

      %li.divider-vertical 
      %li.divider-vertical 
      %li.dropdown 
      %a.dropdown-toggle(data-toggle='dropdown' href='#') 
       =t('navigationbar.language') 
      %ul.dropdown-menu 
       %li 
       =link_to('繁體中文', locale: 'zh-HK') 
       %li 
       =link_to('简体中文', locale: 'zh-CN') 
       %li 
       =link_to('English', locale: 'en') 

我有这部分的麻烦

 %li.dropdown 
     %a.dropdown-toggle(data-toggle='dropdown' href='#') 
      =t('navigationbar.language') 
     %ul.dropdown-menu 
      %li 
      =link_to('繁體中文', locale: 'zh-HK') 
      %li 
      =link_to('简体中文', locale: 'zh-CN') 
      %li 
      =link_to('English', locale: 'en') 

当我点击的语言就会去这个

# instead of the links 

,如果我改变半工作

%ul.dropdown-menu 

%ul 

链接将是子弹点,它的确很丑。我检查了bootstrap文档,我应该指定ul的类来下拉菜单,所以我不明白是什么问题?

此下拉列表不工作对我也

-if student_signed_in? 
      %li.dropdown 
       %a.dropdown-toggle(data-toggle='dropdown' href='#') 
       =t('.account') 
       %b.caret 
       %ul.dropdown 
       %li 
        =link_to(t('.register_event'), new_event_path) 
       %li 
        =link_to(t('.events'), events_path) 
       %li 
        =link_to(t('.sign_out'), destroy_student_session_path, 
          method: :delete) 

回答