在同一个 Rails 应用程序中使用两个单独的 CSS 框架
Using two separate CSS frameworks in same Rails app
现在我有一个前端用 Bootstrap 3
编码的应用程序(我正在使用 bootstrap-rails
gem)。我也想在同一个应用程序中使用 Materialize.css
框架,所以我下载了它的样式表。我的问题是如何让这两个框架很好地协同工作?我在我的 Application.scss
文件中需要 Materialize.css
样式表,如下所示:
*= require 'materialize'
但当前的样式似乎是混合的(我的意思是 Bootstrap
和 Materialize.css
样式试图相互覆盖)。
是否有可能让它们一起工作,或者我是否应该为我想使用第二个 CSS 框架的部分创建不同的 Application.html
文件?
提前致谢。
您提到您已经在您的应用程序中使用 bootstrap gem,因此理想情况下您应该 cherry-pick 实现您想要的内容,而不是批量导入框架.获取框架的 sass 版本,并导入所需的部分。
现在我有一个前端用 Bootstrap 3
编码的应用程序(我正在使用 bootstrap-rails
gem)。我也想在同一个应用程序中使用 Materialize.css
框架,所以我下载了它的样式表。我的问题是如何让这两个框架很好地协同工作?我在我的 Application.scss
文件中需要 Materialize.css
样式表,如下所示:
*= require 'materialize'
但当前的样式似乎是混合的(我的意思是 Bootstrap
和 Materialize.css
样式试图相互覆盖)。
是否有可能让它们一起工作,或者我是否应该为我想使用第二个 CSS 框架的部分创建不同的 Application.html
文件?
提前致谢。
您提到您已经在您的应用程序中使用 bootstrap gem,因此理想情况下您应该 cherry-pick 实现您想要的内容,而不是批量导入框架.获取框架的 sass 版本,并导入所需的部分。