当前位置: 首页 > 面试题库 >

Rails Active Admin CSS与Twitter Bootstrap CSS冲突

漆雕誉
2023-03-14
问题内容

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

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

//= require bootstrap

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

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

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

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

最好的方法是什么?


问题答案:

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

将信息从视频移到答案中

在application.css中删除:

*= require_tree .

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

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

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



 类似资料:
  • 我使用pybind11让python调用现有的C模块(库)。但是,在C库中,调用::GetModuleFileName(Visual Studio)来确定加载的模块在C中运行时的物理路径。但是当我通过pybind11从python(Jupyter Notebook)调用库时,python.exe的物理路径会返回。如何配置或更改以确保获得C库的物理路径? C代码是这样的:Lib. h 我ib.cpp

  • 我使用的是Horizontal ViewPager2,它里面有4个片段。每个片段都有一个回收器视图上的SwipeReFresLayout。我面临的问题是,当回收器视图位于顶部时,然后onClick on任何项目列表都不起作用。如果我向下滚动一点回收器视图,那么onClick就可以正常工作。当回收器视图位于顶部时,如果SwipeReFresLayout处于刷新状态,那么onClick就可以正常工作。

  • 有了这个Jaxb Xml定义,我尝试通过添加来移除映射元素包装器,但在解压缩过程中会导致异常 EventAdapter是 我的输出是 我尝试通过添加来删除标记 产量不错 但撤退失败了 调试Jaxb使我熟悉了这一行

  • 我想使用Stetho调试了我的Andorid应用程序,但Stetho与Fastjson有冲突。

  • Postgres 10和11的插入说明: 关于冲突[冲突目标]冲突行动 我有一张桌子: 而我想做的 但是我得到一个错误: ON CONFLICT DO UPDATE需要推理规范或约束名称提示:例如,ON CONFLICT(column_name) 为什么我必须提供一个确定的目标?如何提供主键或其他列集?

  • 问题内容: 我有以下代码: 这正常工作。但是,我还需要在pom.xml中添加Xalan作为依赖项,当我这样做时,上面的代码现在会引发错误: 我认为这与Xalan的jar中有一个不同的Transformer实现有关。在不更改上述代码并将Xalan保留为依赖关系的情况下,如何解决此冲突? 问题答案: 从Xalan中排除Xerces可以解决此问题:

  • 问题内容: 我有一个带有客户ID的table_Project(链接到tbl_Customer)。在tbl_Customer中,我有Customer_ID(作为密钥)和其他一些信息,例如电话,电子邮件等。 要将其从Gridview中删除,请使用以下DeleteCommand: 但这给了我以下错误: 但是通过更新CustomerInfo我没有得到任何错误。我已经看到了C#的不同解决方案,但是我使用.n

  • 问题内容: 我试图在sphinx中为我的项目编写文档,并且只要sphinx在我的模块中遇到OptionParser,它就会给我: 我以为这是不可能的,所以我写了一个简单的模块检查一下: 它给了我同样的错误。我的第一个样子是这样的: 问题答案: 这是我认为发生的情况: 当Sphinx运行时,autodoc导入您的模块,并执行模块中的顶级代码。创建一个OptionParser实例,它处理传递给sphi