2

Flat UI Pro を rails4.2 に追加できません。reflection /designmodo-flatuipro-rails を使用しましたが、追加 できません

ステップ1

・Flat-UI-HTML-Developers-License.zipをデスクトップにダウンロード

・フォルダ名をflat-ui-proに変更

・キットと一緒に解凍したbower.jsonファイルを探し、同じディレクトリから以下を実行: bower install

  1. CD
  2. CDデスクトップ
  3. cd フラット ui プロ
  4. CD HTML
  5. CD UI
  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

バンドルの更新とバンドルのインストール

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/index ここに画像の説明を入力

正しくレイアウトする ここに画像の説明を入力

支柱足場の例

セレクトボックス

レイアウトを折りたたむ

ここに画像の説明を入力

正しくレイアウトする

ここに画像の説明を入力

4

1 に答える 1

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

于 2016-03-13T22:50:12.490 に答える