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

Question

我安装了语义UIrailsgem

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上导入语义-ui：

@import "semantic-ui";

请求ui在您的 application.js 上重新 javascript:

//= require semantic-ui

之后你应该可以使用语义组件-ui 您可以在 gem repo

中找到更多信息

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

How do I set up a Rails application with Semantic UI?

ruby

ruby-on-rails

asset-pipeline

semantic-ui