Rails Active Admin css与Twitter Bootstrap css冲突

我对Rails资产pipe道有点新鲜,所以我可能做错了什么。 我正在尝试为我的后端应用Active Admin和我的前端应用程序的twitter引导CSS。

我将bootstrap.css添加到/ app / assets / stylesheets,然后添加:

//= require bootstrap 

到application.css – 然后我做了本地资产的预编译

它似乎工作正常,但一些样式并不完全通过,我认为这是因为积极的pipe理的CSS是压倒一切的。

我的理解是应用程序将css资源编译到应用程序的css公共资产中,并且应用程序在运行时使用该文件。

我需要以某种方式将两者分开,并使用twitter引导CSS作为前端的主要CSS,也许告诉它不要在前端使用活动pipe理的CSS文件。

什么是最好的方法来做到这一点?

你有没有看过使用ActiveAdmin的RailsCastsvideo? 在video中,Ryan向您展示了如何防止ActiveAdmin CSS踩在您的主应用程序CSS上。

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

将video中的信息转化为答案

在application.css中删除:

 *= require_tree . 

对于导轨4, Jiten Kbuild议将此添加到production.rb

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

然而,对这个答案的意见之一说这不是必要的。 到目前为止,我并不需要它。

我有同样的问题,并能够通过移动来解决它

 app/assets/stylesheets/active_admin.css.scss 

 vendor/assets/stylesheets/active_admin.css.scss 

活动的pipe理资产应该位于vendor/如导轨指南中所述 :

“供应商/资产是针对外部实体拥有的资产,例如JavaScript插件和CSS框架的代码。”

对于我改变application.css以下解决了这个问题:

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