Wie richte ich eine Rails-Anwendung mit Semantic UI ein?

Question

Ich habe die semantische UI Schienen gem

installiert

gem 'semantic-ui-rails' 

ich jetzt eine einfache Navigationsleiste mit dem folgenden Beispielcode von Symantec UI Dokumentation bin versucht zu erstellen:

<div class="ui secondary pointing menu"> 
    <a class="active item"> 
    Home 
    </a> 
    <a class="item"> 
    Messages 
    </a> 
    <a class="item"> 
    Friends 
    </a> 
    <div class="right menu"> 
    <a class="ui item"> 
     Logout 
    </a> 
    </div> 
</div> 
<div class="ui segment"> 
    <p></p> 
</div> 

Der Klartext erscheint aber ohne die semantische Benutzeroberfläche Formatierung und Styling. muss ich etwas konfigurieren, um die semantische Benutzeroberfläche funktionsfähig zu machen?

Answer 1

Legen Sie die folgende Zeile in der Gemfile:

gem 'semantic-ui-sass', github: 'doabit/semantic-ui-sass' 

die Bündler Run:

bundle install 

Import semantisch-ui auf application.css.scss:

@import "semantic-ui"; 

Erfordern das Javascript auf Ihrer application.js:

//= require semantic-ui 

Danach sollten Sie auf Komponenten des semantischen-ui nutzen können Sie weitere Informationen in der für Sie meine Antwort arbeitet gem repo