3

Flat UI Pro デザインフレームワークを reflection/designmodo-flatuipro-rails を使って、Rails4.2 のプロジェクトにインストールしようとしています。
参考サイトの手順でやっているのですが、うまく適用できません


STEP1

  • Flat-UI-HTML-Developers-License.zip をダウンロードしてデスクトップに解凍
  • 解凍後のフォルダ名は Flat UI HTML - Developers License
  • 上記のフォルダ名を 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

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

bundle update
bundle install

STEP2 後の app/assets/stylesheets

画像の説明をここに入力


STEP3

プロジェクトのカントディレクトリにて

bin/rails generate flatuipro:install ~/Desktop/flat-ui-pro

STEP3 後の app/assets/stylesheets

画像の説明をここに入力

STEP3 後の http://0.0.0.0:3000/posts

画像の説明をここに入力


STEP4

rake assets:clean RAILS_ENV=development
rake assets:precompile RAILS_ENV=development

STEP4 後の app/assets/stylesheets

画像の説明をここに入力

STEP4 後の http://0.0.0.0:3000/posts 変化なし

画像の説明をここに入力


STEP5

rails generate flatuipro:demo

STEP5 後の app/assets/stylesheets

画像の説明をここに入力

STEP5 後の http://0.0.0.0:3000/posts 変化なし

画像の説明をここに入力

STEP5 後の http://0.0.0.0:3000/flatuipro_demo/index

画像の説明をここに入力

scaffolds.scss を削除した後の http://0.0.0.0:3000/posts
画像の説明をここに入力

scaffolds.scss を削除した後の http://0.0.0.0:3000/flatuipro_demo/index
配置やレイアウトが変
画像の説明をここに入力

select boxが変

画像の説明をここに入力

0

この質問に回答するには、ログインする必要があります。

のタグが付いた他の質問を参照する。