1. ホーム
  2. ruby-on-rails

[解決済み] RailsアプリにBootstrap 3をインストールする

2022-10-03 23:34:24

質問

Bootstrap 3.0 を自分の Rails アプリケーションにインストールしようとしています。最近 Michael Hartl 氏のチュートリアルを終え、この新しいバージョンの Bootstrap を使って自分自身のシステムを構築しようとしているのですが、いくつかわからないことがあります。

私のシステムのスペック

  • MBP 上の OS X Mountain Lion
  • Rails 4.0
  • Ruby 2.0

私が持っている質問

  1. 私のGemfileで使用するのに最適なgemは何ですか?私はそれらのいくつかを見つけました。
  2. で何をインポートすればよいですか? custom.css.scss ? 2.3.2とは違うとどこかで読みました。
  3. Bootstrap を動作させるために他にしなければならないことはありますか。それとも、残りの手順は Bootstrap 2.3.2 のために行ったものと同じですか。

編集

以下は bootstrap-railsプロジェクトはGitHubにあります。 を最初に実行するようにと書かれています。

gem 'anjlab-bootstrap-rails', :require => 'bootstrap-rails',
                              :github => 'anjlab/bootstrap-rails'

では、そうするようにと書かれています。

gem 'anjlab-bootstrap-rails', '>= 3.0.0.0', :require => 'bootstrap-rails'

同じことをするのですか、それとも両方しなければならないのですか?

どのように解決するのですか?

Bootstrap 3をRoRにインストールする方法は、以下の通りです。

  • ダウンロード ブートストラップ

  • 了解です。

    bootstrap-dist/css/bootstrap.css そして bootstrap-dist/css/bootstrap.min.css

    へ。 vendor/assets/stylesheets

  • 了解です。

    bootstrap-dist/js/bootstrap.js そして bootstrap-dist/js/bootstrap.min.js

    へ。 vendor/assets/javascripts

  • 更新しました。 app/assets/stylesheets/application.css を追加することで

    *= require bootstrap.min
    
    
  • 更新しました。 app/assets/javascripts/application.js を追加することで

    //= require bootstrap.min
    
    

これにより、いつでもブートストラップを更新することができ、gemが更新されるのを待つ必要はありません。また、このアプローチでは、アセットパイプラインは本番ではminifiedバージョンを使用します。