Ruby on Rails меню навигации гамбургера haml - PullRequest
Новая
       7

Ruby on Rails меню навигации гамбургера haml

0 голосов
/ 29 декабря 2018

У меня проблема с моим рубином на панели навигации по рельсам.Я использую haml, а также самоцвет начальной загрузки.

Вот мой application.html.haml 

!!!
%html
%head
  %title GameX
  = 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-inverse
    .container
        %ul.nav.navbar-nav.navbar-left
          .navbar-brand= link_to "GameX", root_path

      - if user_signed_in?
        %ul.nav.navbar-nav.navbar-left
          %li= link_to "New GameX", new_pic_path
          %li= link_to "Settings", edit_user_registration_path
          %li= link_to "Sign Out", destroy_user_session_path, method: :delete
      - else
        %ul.nav.navbar-nav.navbar-left
          %li= link_to "Sign Up", new_user_registration_path
          %li= link_to "Log In", new_user_session_path

  .container
    -flash.each do |name, msg|
      =content_tag :div, msg, class: "alert alert-info"

    =yield

Я хотел бы добавить меню гамбургера, которое реагирует.Поэтому, когда браузер становится маленьким, меню гамбургера появляется рядом с брендом navbar и становится активнымКак мне этого добиться?

Я пытался найти действующий учебник в Интернете, но все они, похоже, содержат что-то еще.

РЕДАКТИРОВАТЬ: я избавился от проблемы, когда, когда браузермала, ссылка остается рядом с брендом.

1 Ответ

0 голосов
/ 29 декабря 2018

Посмотрите документацию для компонента navbar .

. Вам нужно добавить кнопку для меню гамбургеров с классами navbar-toggle collapsed рядом с якорем navbar-brand..

Вам также понадобится добавить свои ссылки в div с классами collapse navbar-collapse, которые запускаются вашим меню гамбургеров через атрибут data-target.

...