web-dev-qa-db-ja.com

Rails Twitterと競合するアクティブ管理者のCSS Bootstrap css

Railsアセットパイプラインは初めてなので、何か間違っている可能性があります。バックエンドとTwitterにActive Adminを使用しようとしていますbootstrapフロントエンドアプリケーションのcss。

Bootstrap.cssを/ app/assets/stylesheetsに追加し、次に追加しました。

//= require bootstrap

application.css-ロ​​ーカルでアセットのプリコンパイルを行いました

正常に動作しているようですが、一部のスタイリングが正確に実行されていません。アクティブな管理者のcssがオーバーライドしているためと考えられます。

私の理解では、アプリケーションはcssアセットをアプリケーションcssパブリックアセットにコンパイルし、アプリケーションは実行時にそのファイルを使用します。

私はどうにかして2つを分離してそれを使用する必要がありますTwitter bootstrap cssフロントエンドのメインcssとして使用しないでくださいactive admin's cssフロントエンドのファイル。

これを行う最良の方法は何ですか？

ruby-on-railscsstwitter-bootstrapasset-pipeline
40
RailsTweeter

ActiveAdminの使用に関するRailsCastsビデオを見ましたか？ビデオでは、RyanがActiveAdmin CSSがメインアプリCSSを踏まないようにする方法を示しています。

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

ビデオから回答への情報の移動

Application.cssで削除します。

*= require_tree .

Rails 4、 Jiten K の場合、これをproduction.rb：

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

ただし、SOの回答についてのコメントの1つでは、これは不要であると述べています。今のところ、これは必要ありません。

28
MattSlay

同じ問題があり、移動することで修正できました

app/assets/stylesheets/active_admin.css.scss

に

vendor/assets/stylesheets/active_admin.css.scss

Railsガイド に記載されているように、アクティブな管理アセットはvendor/にある必要があります。

「ベンダー/アセットは、JavaScriptプラグインやCSSフレームワークのコードなど、外部エンティティが所有するアセット用です。」

132
Karen

私にとってはapplication.css次のようにすると問題が解決します：

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