Bootstrap 3 on Railsアプリのインストール

RailsアプリにBootstrap 3.0をインストールしようとしています。最近、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で実行した手順と同じですか？

編集する

ここでは何ですGitHubの上のブートストラップ・レールのプロジェクトが最初に行うことを言います。

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

次にそれを行うように言います：

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

彼らは同じことをしますか、それとも両方ともしなければなりませんか？

実際、これにはgemは必要ありません。RosにBootstrap 3をインストールする手順は次のとおりです

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

• コピー：

  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が更新されるのを待つ必要はありません。また、このアプローチでは、アセットパイプラインは本番環境で縮小バージョンを使用します。

多くの人が知っているように、宝石は必要ありません。

実行する手順：

1. ブートストラップをダウンロード
   • 直接ダウンロードリンクBootstrap 3.1.1
   • またはhttp://getbootstrap.com/にアクセスしました

2. コピーする

   bootstrap/dist/css/bootstrap.css
   bootstrap/dist/css/bootstrap.min.css 

   に： app/assets/stylesheets

3. コピーする

   bootstrap/dist/js/bootstrap.js
   bootstrap/dist/js/bootstrap.min.js 

   に： app/assets/javascripts

4. 追加先： app/assets/stylesheets/application.css

   * =ブートストラップが必要

5. 追加先： app/assets/javascripts/application.js

   // =ブートストラップが必要

以上です。新しいクールなBootstrapテンプレートを追加する準備ができました。

なぜapp/代わりにvendor/？

ファイルをapp / assetsに追加することが重要ですです。将来的には、Bootstrapスタイルを上書きできるようになります。

後でcustom.css.scssカスタムスタイルのファイルを追加する場合。あなたはこれに似た何かを持っているでしょうapplication.css：

 *= require bootstrap                                                            
 *= require custom  

ブートストラップファイルをapp / assetsに配置した場合、すべてが正常に機能します。ただし、それらをvendor / assetsに配置した場合、ブートストラップファイルは最後にロードされます。このような：

<link href="/assets/custom.css?body=1" media="screen" rel="stylesheet">
<link href="/assets/bootstrap.css?body=1" media="screen" rel="stylesheet">

したがって、Bootstrapスタイルがそれらをオーバーライドするため、一部のカスタマイズは使用されません。

この背後にある理由

Railsは多くの場所でアセットを検索します。この場所のリストを取得するには、次のようにします。

$ rails console
> Rails.application.config.assets.paths

出力では、app / assetsが優先され、最初にロードされることがわかります。

この答えは、gemを使用せずにRailsアプリにBootstrap 3をインストールすることを検討している人を対象としています。これを行うには、10分もかからない2つの簡単な方法があります。ニーズに最適なものを選択してください。GlyphiconsとJavascriptは動作し、Rails 4.1.0の最新のベータ版でもテストしました。

1. Rails 4でのBootstrap 3の使用-Bootstrap 3ファイルは、アプリケーションのベンダーディレクトリにコピーされます。

2. BootstrapをCDNからRailsアプリケーションに追加する-Bootstrap 3ファイルはBootstrap CDNから提供されます。

上記の2番が最も柔軟です。レイアウトヘルパーに保存されているバージョン番号を変更するだけです。そのため、3.0.0、3.0.3、または古いBootstrap 2リリースであっても、選択したバージョンのBootstrapを実行できます。

Twitterには、sem対応バージョンのブートストラップの gemが含まれているため、これをRailsに追加するのがこれまでになく簡単になりました。

以下をgemfileに追加するだけです：

gem 'sass-rails', '>= 3.2' # sass-rails needs to be higher than 3.2
gem 'bootstrap-sass', '~> 3.1.1'

bundle install サーバーを再起動して、ファイルをパイプライン経由で使用できるようにします。

コンパスとsassのみのサポートもあります：https : //github.com/twbs/bootstrap-sass

私はhttps://github.com/yabawock/bootstrap-sass-railsを使用しています

これは、かなり単純なインストールであり、gemの高速更新とフォローアップ、および必要な場合の迅速な修正です。

gem bootstrap-sass

bootstrap-sassは、アセットパイプラインを使用して簡単にRailsにドロップできます。

Gemfileで、bootstrap-sass gemを追加し、sass-rails gemが存在することを確認する必要があります。デフォルトで新しいRailsアプリケーションに追加されます。

gem 'sass-rails', '>= 3.2' # sass-rails needs to be higher than 3.2 gem 'bootstrap-sass', '~> 3.0.3.0'

bundle install サーバーを再起動して、ファイルをパイプライン経由で使用できるようにします。

ソース：http : //rubydoc.info/gems/bootstrap-sass/3.0.3.0/frames

私にとって、これを行う最も簡単な方法は

1）ブートストラップをダウンロードして解凍します vendor

2）設定にブートストラップパスを追加します

config.assets.paths << Rails.root.join("vendor/bootstrap-3.3.6-dist")

3）それらを要求する

CSSで *= require css/bootstrap

jsで //= require js/bootstrap

できた！

このメソッドは、他の特別な構成なしでフォントをロードし、自己完結型のディレクトリからブートストラップファイルを移動する必要がありません。

このブランチを使用すると、うまくいけば問題が解決します。

gem 'twitter-bootstrap-rails',
  git: 'git://github.com/seyhunak/twitter-bootstrap-rails.git',
  branch: 'bootstrap3'

新しいブートストラップバージョンの最新の宝石はフォームanjlabだと思います。

しかし、それが現在、simple_formなどの他のgemでうまく機能するかどうかはわかりませんrails generate simple_form:install --bootstrap。新しいブートストラップバージョンに合わせるために、初期化子や構成を編集する必要があるかもしれません。

私は実際にこれを簡単に回避する方法があり、それを機能させる方法について頭を悩ませていました。ははは！

さて、最初に私はBootstrap（コンパイルされたcssおよびjsバージョン）をダウンロードしました。

次に、すべてのブートストラップcssファイルをに貼り付けましたapp/assets/stylesheets/。

そして、すべてのブートストラップjsファイルをに貼り付けましたapp/assets/javascripts/。

ページとワラをリロードしました！RoRにブートストラップを追加しました！