Я пытаюсь создать меню для гамбургеров с помощью Semantic UI на Rails, но оно не работает. На панели навигации у меня есть логотип Recipeazy, а затем у меня есть 3 элемента: Домой, О нас и Настройки, а затем у меня есть 2 кнопки: Создать новый рецепт и Выйти. (Если пользователь не вошел в систему, есть только 2 кнопки, Войти и Зарегистрироваться. Я использовал ruby, чтобы сделать оператор if else). Я пытался сделать то, что кто-то сделал над здесь , но это не сработало. Тогда я попытался проверить боковую панель веб-страницы Semantic UI и все еще не работал. Я хотел бы придерживаться боковой панели Semantic UI, хотя. Вот мой код:
application.html.haml
!!!
%html
%head
%title Recipeazy
= stylesheet_link_tag 'application', media: 'all'
= javascript_include_tag 'application'
%link{:rel => "stylesheet", :href => "http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.min.css"}
%link{:rel => "stylesheet", :href => "http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"}
= csrf_meta_tags
%body
%div.ui.fixed.inverted.main.menu
%div.ui.container
%a.launch.icon.item
%i.content.icon
.wrapper.clearfix
%div.brand.item
#logo= link_to "Recipeazy", root_path
%nav
- if user_signed_in?
%div.item
= link_to root_path do
%i.fa.fa-home
Home
%div.item
= link_to about_path do
%i.fa.fa-book
About Us
%div.item
= link_to edit_user_registration_path do
%i.fa.fa-cog
Settings
%div.item
= link_to new_post_path, class: "button" do
%i.fa.fa-plus
Add Recipe
%div.item
= link_to destroy_user_session_path, class:"button", method: :delete do
%i.fa.fa-sign-out
Sign Out
- else
%item
= link_to "Log In", new_user_session_path, class: "button"
%item
= link_to "Sign Up", new_user_registration_path, class: "button"
%p.notice= notice
%p.alert= alert
.wrapper
= yield
Я думаю, что семантический пользовательский интерфейс работает, потому что я уже использовал его для стилизации кнопок на других моих страницах.