ruby-on-rails - 如何使用语义 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

之后你应该可以使用semantic-ui的组件 您可以在 gem repo 中找到更多信息