汉堡图标 bootstrap-sass gem

Question

我已经设法找到一个可折叠菜单，但无法显示汉堡包图标，这是我的 application.html.haml 代码：

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

Answer 1

不是 Haml 专家，但看起来您的 %span.icon-bar 行应该在按钮标签下方缩进。

汉堡图标 bootstrap-sass gem

Hamburger Icon bootstrap-sass gem

ruby-on-rails

ruby

twitter-bootstrap

haml