twitter-bootstrap-3 - Flat UI Pro 无法在 Rails4.2 上添加

Question

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

步骤1

・Flat-UI-HTML-Developers-License.zip 下载到桌面

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

・找到工具包解压后的 bower.json 文件，在同一目录下运行以下命令： bower install

1. 光盘
2. 光盘桌面
3. cd flat-ui-pro
4. 光盘 HTML
5. 光盘用户界面
6. cd Flat-UI-Pro-1.3.2
7. 凉亭安装

第2步

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

捆绑更新和捆绑安装

第三步

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

第4步

rails generate flatuipro:demo

STEP5 scaffolds.scss删除

但是...折叠布局

flatuipro_demo/索引

正确布局

示例后脚手架

选择框

折叠布局

正确布局

Answer 1

你为什么不试试这个？

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