Wie Sie Schienen in Semantic UI-Framework einbinden

Question

Ich versuche, eine Zeile von Schienen Code in einer html.erb-Datei mit dem Semantic UI-Framework hinzuzufügen. Ich bin jedoch gewohnt, Twitter Bootstrap für Web-Grafik-Design zu verwenden, und bin nicht sehr vertraut mit der Semantic UI-Framework. Könnte mir jemand zeigen, wie man Schienen mit Semantic benutzt. Zum Beispiel, wie würde ich ein Erb-Tag einfügen, das mir erlaubt, zu einem bestimmten Link innerhalb der App zu gehen, wenn ich einen Knopf drücke? Beziehe ich die 'link_to'-Methode in die erb-Datei ein oder verwende ich ein anderes Link-Tag für den html.erb-Code?

Answer 1

Es gibt viele Möglichkeiten. Sie können ein Schmuckstück einfügen oder die CSS- und Javascript-Dateien des Frameworks direkt in Ihr Projekt einfügen.

Ich benutze durch Rails Assets. Auf dieser Site können Sie das gewünschte Framework durchsuchen und wenn Sie auf Version klicken, wird gezeigt, wie Sie in Ihr Projekt einfügen.

# Gemfile 
source 'https://rails-assets.org' do 
    gem 'rails-assets-semantic', '~> 2.1.7' 
end 

# application.scss -> I use SASS instead CSS. In CSS use '*= require semantic'. 
@import 'semantic'; 

# application.js 
//= require semantic 

Jetzt können Sie normaly Semantic-UI in Ihrem Projekt verwenden.

Beispiel für Link:

<%= link_to 'New Profile', new_profile_path, class: 'ui blue button' %>