为Rails项目设置语义UI

时间:2016-03-14 20:39:49

标签: ruby-on-rails semantic-ui

我遵循Rails and Semantic UI的建议,使用less-rails-semantic_ui gem来使用语义UI。

从[less-rails-semantic_ui] [3]安装到现有Rails项目的文档是:

  1. 将Gems less-rails-semantic_uiautoprefixer-rails添加到Gemfile
  2. 执行bundle install
  3. 执行rails generate semantic_ui:install
  4. 在app / assets / application.js中需要semantic_ui / semantic_ui.js: // = require semantic_ui / semantic_ui
  5. 在app / assets / application.css中需要semantic_ui / semantic_ui.css: * = require semantic_ui / semantic_ui
  6. 然而,在这些步骤之后,在视图中使用Semantic的类,例如。在按钮上,不会改变视觉外观。例如。使用简单的new.html.erb

    
    
    <div class="ui three  buttons">                                                                                                            
      <button class="ui active button">One</button>                                    
      <button class="ui button">Two</button>                                           
      <button class="ui button">Three</button>                                         
    </div>
    &#13;
    &#13;
    &#13;

    呈现三个普通按钮。

    使用语义需要做些什么?

0 个答案:

没有答案