css - Ruby 遗留应用程序中 CSS 的层次结构级别

标签 css ruby-on-rails bootstrap-4

我的一个客户有一个带有巨大 css(一种模拟 Bootstrap )的遗留系统。

这里的问题是我想在新特性中加入bootstrap。但是如果我以“简单”的方式来做, Bootstrap 会覆盖很多 css 标签,我的应用程序就会变得一团糟。

例如,我想添加一些模态(我现在在遗留 css 上没有它),如果我只添加 Bootstrap ,一切都会崩溃。

有没有办法在 Ruby 中对 CSS 加载进行分层?例如,我只希望系统在遗留 css 上找不到任何内容时加载 Bootstrap 元素。

谢谢。

最佳答案

我认为“如果它在遗留 css 上找不到任何东西”是不存在的。您可以在遗留 CSS 之前添加 Bootstrap ,以便遗留 CSS 覆盖 Bootstrap 设置的样式。

您还可以通过“高级”方式导入 bootstrap 以仅导入您想要的组件而不是整个框架,如果您导入“bootstrap”,它将加载此文件:https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/_bootstrap.scss .您可以将该导入替换为单独的导入,不包括您不想要的任何内容。

关于css - Ruby 遗留应用程序中 CSS 的层次结构级别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53762659/

相关文章:

CSS 圆 Angular 和阴影在 IE 或 Chrome 中不起作用

javascript - 如何更改已访问链接的背景颜色

ruby-on-rails - Gitlab 不会在替代端口上创建 Postgres 实例

mysql - Rails 4 我应该使用回调过滤器还是对此有顾虑

ruby-on-rails - 搜索查询(名称或名字)和(名称名称)和(名称名称)

css - 为什么在 Windows 和 Macbook Pro 上访问时卡的宽度不同?

javascript - 如何使用助手 'clone' 拖动 Canvas ?

html - CSS3 移动多级菜单 : can't show the second level

html - bootstrap 4 中导航栏右侧的折叠按钮

html - 向菜单提供滚动条时子菜单未打开