セマンティックUIを使用してRailsアプリケーションを設定するにはどうすればよいですか？

Question

私は今、シマンテックUIドキュメントから次のサンプルコードでシンプルなナビゲーションバーを作成しようとしていますセマンティックUIレールの宝石

gem 'semantic-ui-rails' 

をインストールしました：

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

プレーンテキストが表示されますが、なし意味UIのフォーマットとスタイリング意味UIを起動して実行するために何かを設定する必要がありますか？

Answer 1

置き、あなたのGemfileに次の行：

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

実行]をバンドラ：あなたのapplication.css.scssの

bundle install 

インポートセマンティック-UI：

@import "semantic-ui"; 

が必要あなたのapplication.jsのjavascript：

その後

//= require semantic-ui 

あなたはあなたが私の答えはあなたのために働くんgem repo