【Rails】CSSフレームワークのfoundationを導入

railsでCSSフレームワークの「foundation」を導入してみました。
https://github.com/zurb/foundation-rails

bootstrapが飽きた方は試してみてはいかがでしょうか?
 
 

動作確認環境


  • Mac OS X 10.9.5
  • Rails 5.2.0
  • ruby 2.4.1
  • foundation-rails

 

1. Gemfile


 
bundle install実行

 
 

2. 初期設定


foundationをインストールします。

 
 

3. app/assets/javascripts/application.jsの修正


  
 

4. app/assets/stylesheets/application.cssの修正


 
以上で設定完了です!
サーバーを再起動するとfoundationのスタイルが適用された画面になります。
 
・一覧画面

 
 
お疲れ様でした!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*
*
Website