css - Rails 中页面特定的 css 样式表(使用两个不同版本的 twitter bootstrap)

标签 css ruby-on-rails ruby-on-rails-3 twitter-bootstrap styles

我已经启动了一个 Rails 元素并在其中实现了 bootstrap-sass。不久之后,我发现了一个使用不同版本的 twitter bootstrap 的主题/模板。我已将模板添加到应用程序,但 View 未按预期完美对齐。然后我将主题/模板附带的特定 Assets 添加到我的元素中(例如 jquery 版本,另一个较旧的 Bootstrap 版本),结果几乎是完美的。但是,仍然存在一些对齐问题。当我检查 CSS 时,我可以看到它是由于两个版本的 Bootstrap 之间的冲突而发生的。

我想我应该让这个模板只使用它附带的 twitter bootstrap 版本。如果是这样,我该怎么做?如何使 Rails View 仅使用特定的 CSS 样式表而不读取其他样式表?

(如果这不是最佳解决方案,我应该考虑哪些替代方案?)

谢谢

最佳答案

试试这个:

1) 使用 2 种布局(application.html.erb 和 new_application.html.erb) 2)有两个主javascript/css文件(application.js和new_application.js,application.css和new_application.css) 3) 在你的 application.html.erb 中包含第一个 application.js 和 application.css,在你的第二个布局中,导入新的应用程序 js 和 css 4) 对于页面的特定部分,在 Controller 上继承自正确的父 Controller 以实现您想要的任何布局。

class NewBootstrapController < ActionController::Base
  layout 'new_application'
end

class OldBootstrapController < ActionController::Base
  layout 'application'
end

关于css - Rails 中页面特定的 css 样式表(使用两个不同版本的 twitter bootstrap),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12865192/

相关文章:

css - Flex 高度在 Chrome 中不起作用

javascript - 获取图标的父 div ID onclick

css - mix-blend-mode 被页面上的 3D 转换破坏

mysql - 相对于各种选项的预计算计数

mysql - 在 has_many 上链接 where 子句 :through association (Rails 4. 1.0.rc1)

javascript - 显示从 session 到 html 表的数组数据

ruby-on-rails - Rails 3 - CanCan 错误? NameError(未初始化的常量 Ability::Invitation):

css - 如果找到特定字符串,则有条件地添加一个类 Rails CoffeeScript

ruby-on-rails - Rails 中更新验证失败后嵌套属性不会被销毁

ruby-on-rails - 新遗物导致内存泄漏/膨胀?