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文件。

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

Answer 1

你有没有看过使用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'] 

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

Answer 2

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

 app/assets/stylesheets/active_admin.css.scss 

至

 vendor/assets/stylesheets/active_admin.css.scss 

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

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

Answer 3

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

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