Twitter bootstrap 3 平面UI Pro无法添加到Rails 4.2
我无法将平面UI Pro添加到rails4.2 我曾经 但我不能 步骤1 ・桌面上的Flat-UI-HTML-Developers-License.zip下载 ・将文件夹名称更改为平面ui pro ・找到使用工具包解压缩的bower.json文件,并从同一目录运行以下命令:bower installTwitter bootstrap 3 平面UI Pro无法添加到Rails 4.2,twitter-bootstrap-3,ruby-on-rails-4.2,flatui,Twitter Bootstrap 3,Ruby On Rails 4.2,Flatui,我无法将平面UI Pro添加到rails4.2 我曾经 但我不能 步骤1 ・桌面上的Flat-UI-HTML-Developers-License.zip下载 ・将文件夹名称更改为平面ui pro ・找到使用工具包解压缩的bower.json文件,并从同一目录运行以下命令:bower install 光盘 光盘桌面 cd平面用户界面专业版 cd HTML cd用户界面 cd Flat-UI-Pro-1.3.2 凉亭安装 步骤2 gem 'less-rails' gem 'twitter-boot
gem 'less-rails'
gem 'twitter-bootstrap-rails'
gem 'jquery-ui-rails'
gem 'designmodo-flatuipro-rails', '~> 1.3.2.0.branch'
gem 'therubyracer', platforms: :ruby
包更新
和
捆绑安装
步骤3
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
步骤5
scaffolds.scss
删除
但是…折叠布局
flatuipro_演示/索引
正确布局
后脚手架示例
选择框
折叠布局
正确布局
你为什么不试试这个 HTML 我是从github上得到的
<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>
$(document).ready(function(){
$('.select').select2();
});