2016-07-11 18 views
1

私は折り畳み式のメニューに管理してきたが、私は示すためにハンバーガーのアイコンを取得することはできません、ここに私のapplication.html.hamlコードは次のとおりです。ハンバーガーアイコンのブートストラップ・SASS宝石

!!! 
%html 
%head 
    %title "Log My Workout" 
    %meta{:name => "viewport", :content => "width=device-width, initial-scale=1"} 
    = stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true 
    = javascript_include_tag 'application', 'data-turbolinks-track' => true 
    = csrf_meta_tags 
%body 
    %nav.navbar.navbar-default{role: "navigation"} 
    .container-fluid 
     .navbar-header 
     %button.navbar-toggle{"data-target" => ".navbar-ex1-collapse", "data-toggle" => "collapse","aria-expanded" => "false"} 
     %span.sr-only Toggle navigation 
     %span.icon-bar 
     %span.icon-bar 
     %span.icon-bar 
     %ul.nav.navbar-nav.navbar-right 
      %li.active 
      = link_to "Login", new_user_path 


    .container 
    = yield 

答えて

0

ないの専門家ハムル、あなたの%span.icon-barのような行は、ボタンのタグの下にインデントされる必要があります。

+0

これはうまくいきました。ありがとうございました:) –

+0

折りたたみ機能を動作させるための 'アイコンバー 'の後ろにある' .navbar-ex1-collapse.collapse.navbar-collapse'もありません。 – vanburen