我目前正在尝试将 Bootstrap 主题集成到我的 Rails 项目中。我已经安装了 Bootstrap-Sass Gem 并且正在尝试使用 Google Fonts 在标题中使用他们提供的链接标签。目前，Bootstrap 似乎覆盖了 Google 字体（可能还有其他 CSS），我不知道如何解决这个问题。我意识到有几个类似的问题被问到这个问题，但到目前为止我尝试过的解决方案似乎没有奏效。
我确定 Bootstrap 安装正确，因为其他引导程序样式有效。
我试过在我的application.css文件中移动东西，但没有运气。
我试过@import在我的 CSS 文件中添加一个链接，而不是在 head 标签中使用链接。
我知道我可以添加!important到 css 属性（这行得通，但我宁愿不走那条路……除非这是需要它的那些例外之一？？）。
我的application.rb有config.assets.paths << Rails.root.join("app", "assets", "fonts")。
我已经多次使用 Google 字体，没有任何问题。我只是无法弄清楚我错过了什么。我只是没有正确组织我的 CSS 清单文件吗？我已经读过您在清单中要求资产的顺序很重要，但我不清楚在每种情况下都这样做。在我的情况下，template.css是我试图开始工作的主要 css 文件。应该将它放在引导程序下方@imports，如果是，如何（当我尝试发生这种奇怪的事情时）？
应用程序.css.scss
/*
*= require bootstrap.min
*= require themify-icons
*= require magnific-popup
*= require vertical.min
*= require template
*= require jquery-ui
*= require font-awesome
*/
@import "bootstrap-sprockets";
@import "bootstrap";
我的 application.html.erb 文件：
<!DOCTYPE html>
<html>
<head>
<title>Portfolio</title>
<%= csrf_meta_tags %>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
<!-- Favicons-->
<%= favicon_link_tag 'favicon.png' %>
<%= favicon_link_tag 'apple-touch-icon.png' %>
<%= favicon_link_tag 'apple-touch-icon-72x72.png' %>
<%= favicon_link_tag 'apple-touch-icon-114x114.png' %>
<!-- Web Fonts-->
<link href="https://fonts.googleapis.com/css?family=Suranna" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet" type="text/css">
</head>
<body>
<%= yield %>
</body>
</html>
所以我终于找到了一个答案，因为我怀疑问题在于我如何订购我的文件application.css（我一定没有尝试过这个让它工作的特定顺序）。我将清单更改为：
/*
*= require bootstrap.min
*= require themify-icons
*= require magnific-popup
*= require vertical.min
*= require jquery-ui
*= require font-awesome
*/
@import "bootstrap-sprockets";
@import "bootstrap";
@import "template"
有必要将我的template.css.scss文件移动到引导程序导入下方，以便正确加载。我有一种感觉，我需要根据其他一些要求在那里做更多的重组，但至少这解决了 google 字体问题，并教会了我一些关于资产管道在 Rails 中如何工作的知识。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句