一尘不染

Rails Active Admin CSS与Twitter Bootstrap CSS冲突

css

我对Rails资产管道有些陌生,所以我可能做错了什么。我正在尝试将Active Admin用于后端,将twitter bootstrap
css用于前端应用程序。

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

//= require bootstrap

到application.css-然​​后我在本地对资产进行了预编译

它似乎工作正常,但某些样式未完全通过,我认为这是因为活动管理员的CSS对其进行了覆盖。

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

我需要以某种方式将两者分开,并使其使用 twitter bootstrap css 作为前端的主要css,并可能告诉它不要在前端使用
活动管理员的css 文件。

最好的方法是什么?


阅读 245

收藏
2020-05-16

共1个答案

一尘不染

您是否观看过有关使用ActiveAdmin的RailsCasts视频?在视频中,Ryan向您展示了如何防止ActiveAdmin CSS踩在主应用CSS上。

将信息从视频移到答案中

在application.css中删除:

*= require_tree .

对于Rails 4,Jiten K建议将其添加到production.rb

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

但是,关于该SO答案的评论之一说,这不是必需的。到目前为止,我还不需要它。

2020-05-16