Flat UI Pro无法在Rails4.2上添加

时间:2015-06-19 09:06:43

标签: twitter-bootstrap-3 ruby-on-rails-4.2 flatui

我无法将Flat UI Pro添加到rails4.2 我用reflection/designmodo-flatuipro-rails 但我不能

STEP1

·Flat-UI-HTML-Developers-License.zip在桌面上下载

·将文件夹名称更改为flat-ui-pro

·找到随工具包解压缩的bower.json文件,并从同一目录运行以下命令:bower install

  1. CD
  2. cd Desktop
  3. cd flat-ui-pro
  4. cd HTML
  5. cd UI
  6. cd Flat-UI-Pro-1.3.2
  7. bower install
  8. STEP2

    gem 'less-rails'
    gem 'twitter-bootstrap-rails'
    gem 'jquery-ui-rails'
    gem 'designmodo-flatuipro-rails', '~> 1.3.2.0.branch'
    gem 'therubyracer', platforms: :ruby
    
      

    捆绑更新   和   捆绑安装

    STEP3

    bin/rails generate flatuipro:install ~/Desktop/flat-ui-pro
    rake assets:clean RAILS_ENV=development
    rake assets:precompile RAILS_ENV=development
    

    STEP4

    rails generate flatuipro:demo
    

    STEP5 scaffolds.scss删除

    但......崩溃布局

    flatuipro_demo /索引 enter image description here

    正确布局 enter image description here

    示例后支架

    选择框

    折叠布局

    enter image description here

    正确布局

    enter image description here

1 个答案:

答案 0 :(得分:0)

为什么不试试这个?

HTML

<select class="form-control select select-default">
  <optgroup label="Profile">
  <option value="0">My Profile</option>
  <option value="1">My Friends</option>
 </optgroup>
 <optgroup label="System">
  <option value="2">Messages</option>
  <option value="3">My Settings</option>
  <option value="4">Logout</option>
 </optgroup>
</select>

JS

$(document).ready(function(){
 $('.select').select2();        
});

我是从github问题中得到的

https://github.com/designmodo/Flat-UI-Pro-Support/issues/450