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

【问题标题】：How do I set up a Rails application with Semantic UI?如何使用 Semantic UI 设置 Rails 应用程序？
【发布时间】：2016-05-17 18:22:38
【问题描述】：

我已经安装了语义 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？

【问题讨论】：

我的回答对你有用吗？

标签： ruby-on-rails ruby asset-pipeline semantic-ui

【解决方案1】：

在您的 Gemfile 中放入以下行：

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

运行捆绑器：

bundle install

在您的 application.css.scss 上导入语义 UI：

@import "semantic-ui";

在您的 application.js 上需要 javascript：

//= require semantic-ui

之后你应该可以使用语义用户界面的组件了您可以在gem repo中找到更多信息

【讨论】：

这个 gem 不允许你改变你的主题。
你能用 bootstrap 实现语义化 UI 吗？还是同时使用两者会产生冲突？
我认为您可以将您喜欢的语义 UI CSS 和 js 添加到基于引导程序的项目中，但我认为您必须手动执行此操作。