Rails Active Admin cssがTwitterと衝突しています。ブートストラップcss

私はRailsアセットパイプラインを少し新しくしています。私は私のフロントエンドアプリケーションのバックエンドとtwitterのブートストラップCSSのためにActive Adminを使用しようとしています。Rails Active Admin cssがTwitterと衝突しています。ブートストラップcss

私はその後も追加/アプリ/資産/スタイルシートにbootstrap.cssを追加しました：

//= require bootstrap

application.cssする - 私はローカル

の資産のプリコンパイルをしたそれはそうしかし、スタイリングのいくつかが正確に通っていないと私はそれがアクティブな管理者のCSSがそれをオーバーライドしていると思う。

私の理解では、アプリケーションがcss資産をアプリケーションcss公共資産にコンパイルすると、アプリケーションは実行時にそのファイルを使用します。

私は何とか2を分離し、それがフロントエンドのメインCSSとしてTwitterのブートストラップCSSを使用すると、おそらくフロントエンドにアクティブな管理者のCSSファイルを使用していないことを伝えるようにする必要があります。

これを行うにはどうすればよいですか？

出典

2012-04-16 RailsTweeter

ActiveAdminを使用してRailsCastビデオを見たことがありますか？このビデオでは、ActiveAdmin CSSがあなたのメインアプリのCSSを踏むのを防ぐ方法を紹介しています。

削除application.cssに答え

にビデオからの情報を移動

http://railscasts.com/episodes/284-active-admin

：レール4の場合

*= require_tree .

を、Jiten Kproduction.rbにこれを追加することをお薦めします。

config.assets.precompile += ['active_admin.css']

しかし、そのSOの答えのコメントの1つは、これは必要ではないと言います。私は今までそれを必要としていませんでした。

出典

2012-04-25 17:57:24 MattSlay

MattSlayが正しい...ライアンのRailsCast（＃284）は、それが原因で「require_treeのすべてです（これを回避する方法を紹介します。 "in application.css）。削除/編集すると、CSSの問題が解決されます。 –

この方法は開発モードでうまく動作しますが、実際には 'bundle exec rake assets：precompile'を実行するときに問題があります。私の場合、cssファイルは混在して終了し、bootstrap.cssはActiveaAdminによって上書きされます。何か案が？。ありがとう！ – CristianOrellanaBak

しかし、 'require_tree。だけでなく、すべてのCSSファイルがRailsによって魔法のようにsmooshedされるようにする魔法です...この答えは過剰ですので、受け入れられません。 – AlexChaffee

125

私は同じ問題を抱えていた、とrails guideで述べたようにがvendor/にあるべき

app/assets/stylesheets/active_admin.css.scss

vendor/assets/stylesheets/active_admin.css.scss

に、アクティブな管理資産を移動することによって、それを修正することができました：

"ベンダー/資産は、外部エンティティが所有する資産のものですJavaScriptプラグインやCSSフレームワークのコードなど、私は次のようにapplication.cssを変更するための

出典

2012-07-31 17:10:23 Karen

' bundle exec rake assets：precompile '？私の場合、cssファイルは混在して終了し、bootstrap.cssはactiveadminによって上書きされます。何か案が？。 – CristianOrellanaBak

は私のためには機能しません – theDazzler

そして 'active_admin.js'についても同じことをしてください。 'vendor/assets/javascripts/active_admin.js'に移動してください。 – Arcolye

は、問題を解決：

*= require bootstrap 
*= require_tree . 
*= stub "active_admin"

出典

2016-11-23 12:59:22 sadaf2605

これは私のために働いているようです、ありがとう。私は「スタブ」が何をしているかを正確に把握することができませんでしたが、私に迅速なヒントを与えてもらえますか？ – justinraczak

Rails Active Admin cssがTwitterと衝突しています。ブートストラップcss

答えて

関連する問題