如何使用语义UI设置Rails应用程序？

Question

我已经安装了语义UI rails gem

gem 'semantic-ui-rails'

我现在正尝试使用Symantec UI文档中的以下示例代码创建一个简单的导航栏:

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

运行捆绑器:

bundle install

在application.css.scss上导入semantic-ui:

@import "semantic-ui";

在你的application.js上需要javascript:

//= require semantic-ui

之后你应该能够使用语义组件 - 你可以在gem repo中找到更多信息