私のレール3.0.10ではBootstrap from Twitterを使いたいですが、Rails 3.1とAsset Pipelineを使った例しか見つけられませんでした。どのように私の3.0アプリケーションに追加しますか?メインサイトからダウンロードして、パブリックフォルダ内にファイルを置くだけですか? LESSの使用はどうですか?Rails 3.0アプリケーションでTwitterからBootstrapを使用するには?
3
A
答えて
2
最も簡単な方法は、boostrap.css
ファイルをパブリックフォルダにドロップし、layouts/application.html.erb
ファイルで参照することです。それからすぐに使い始めることができます。その時点であなたが変更できるものは少し限られていますが、それはあなたを始められるでしょう。
LESSについてのご質問はありますか?ブートストラップはLESSを使用していますが、単純なOLE CSSファイルを使用しているので心配する必要はありません。
0
私はブートストラップをSASSを使用するように変換しました(どこかでgithubリポジトリで見つけたと思います)、lib/assets/
フォルダに入れました。
私たちのapplication.cssにはパーシャルが含まれています。私たちはパーシャルのいくつかのカスタム修正を加えました、うまく動作します。
バージョン2は、私は確信しているかなり確信してSASSに変換されますが、その間に、あなたのレールのアプリが少ないファイルを理解するように追加することができLESSために利用可能なアセットパイプラインモジュールがあります
クイック検索説明するように、それが動作する場合、あなたはそれがあるとして、ブートストラップにドロップすると、あなたのapplication.cssファイルでそれを参照することができ、この(すべてでそれを保証することはできません)
https://github.com/metaskills/less-rails
を見つけました。
2
このrailscastsの動画をご覧ください:Twitter Bootstrap Basicsあなたがこれを終えた後、別のフォローアップスクリーンキャストがあります。
関連する問題
- 1. Rails 2.3アプリでTwitter Bootstrapを使用
- 2. zend framework 1アプリケーションでtwitter bootstrapフレームワークを使用するには?
- 3. Twitter-Bootstrap-Railsを使用してRails 3.2.6のプロダクションにデプロイ
- 4. Twitter-Bootstrap in Rails 3.2.3
- 5. gem bootstrap-sassとgem twitter-bootstrap-railsの違いは何ですか
- 6. ASP.NETプロジェクトでTwitter Bootstrapを使用する
- 7. BootstrapテーマとTwitter-Bootstrap-Rails Gemの統合
- 8. Rails - Render partial in Twitter Bootstrap popover
- 9. Twitter-Bootstrap and Forms in Rails
- 10. Twitter Bootstrap Pills with Rails 3.2.2
- 11. Bootstrapを使ったCakePHP(Twitterから)
- 12. Twitter Bootstrapを使用してグリッドヘッダーを作成するには?
- 13. twitter-bootstrapスパンを右から左へ使うには?
- 14. Bootstrap、Twitter Bootstrap、Bootstrap 3の違いは何ですか?
- 15. Rails 3.0でアセットパイプラインを使用する
- 16. Rails 3.0でrsyslogdを使用する
- 17. Twitter Bootstrap用スピナー.btn
- 18. Twitter Bootstrap 2はRails 3.1のページスクリプトを壊しますか?
- 19. twitter-bootstrapでjquery UIを使用できますか?
- 20. Twitter-bootstrap-rails:ブートストラップをプロジェクトにインストールしますか?
- 21. Twitter Bootstrap HAMLトップバー
- 22. Twitter Bootstrap 3.0はスライドトグル選択コンポーネントを提供していますか?
- 23. Twitterのブートストラップ:bootstrap-sassとtwitter-bootstrap-railsの両方の宝石が必要ですか?
- 24. twitter bootstrap - 行をスキップするには?
- 25. Twitter Bootstrapをアップデートするには
- 26. Twitter Bootstrapをプロダクション、LESS、または圧縮CSSで使用するには?
- 27. Twitter Bootstrapフレームワークのポップオーバーのトリガーオプションとして 'manual'を使用するにはどうしたらいいですか?
- 28. Twitter Bootstrap 3.0の行がウィンドウより広い
- 29. Twitter-Bootstrap&simple_formを持つRails:インライン入力を水平にするには?
- 30. SinatraプロジェクトでTwitter BootstrapとSassを使用するにはどうすればいいですか?