如何在Semantic UI框架中包含rails

时间:2016-03-25 22:38:40

标签: ruby-on-rails erb semantic-ui

我正在尝试使用Semantic UI框架在html.erb文件中添加一行rails代码。但是,我习惯使用Twitter引导程序进行Web图形设计,并且不熟悉Semantic UI框架。有人可以告诉我如何使用Semantic的rails。例如,我如何插入一个erb标签,当我按下按钮时,它允许我转到应用程序中的某个链接?我是否在erb文件中包含'link_to'方法,还是为html.erb代码使用不同的链接标记?

1 个答案:

答案 0 :(得分:3)

有很多方法。您可以包含gem或直接在项目中插入框架的css和javascript文件。

我通过Rails Assets使用。在此站点中,您可以搜索所需的框架,并在单击版本时显示如何插入到项目中。

# Gemfile
source 'https://rails-assets.org' do
  gem 'rails-assets-semantic', '~> 2.1.7'
end

# application.scss -> I use SASS instead CSS. In CSS use '*= require semantic'.
@import 'semantic';

# application.js
//= require semantic

现在,您可以在项目中使用Semantic-UI。

链接示例:

<%= link_to 'New Profile', new_profile_path, class: 'ui blue button' %>