Rails + Bootstrap主题: Bootstrap覆盖我的CSS / Google字体
Rails + Bootstrap主题: Bootstrap覆盖我的CSS / Google字体
提问于 2017-06-10 09:20:58
我目前正在尝试将Bootstrap主题集成到我的rails项目中。我已经安装了Bootstrap-Sass Gem &我正在尝试使用Google字体，使用他们在标题中提供的链接标签。目前看来，Bootstrap似乎正在覆盖Google字体(&可能是其他CSS)，我不确定如何解决这个问题。我意识到已经有几个类似的问题被问到了，但到目前为止，我尝试过的解决方案似乎还没有奏效。
我确信Bootstrap是正确安装的，因为其他bootstrap样式可以正常工作。
我尝试过在我的application.css文件中移动东西，但是没有成功。
我尝试在我的CSS文件中添加一个@import链接，而不是在head标签中使用链接。
我知道我可以将!important添加到css属性中(这是可行的，但我不希望使用route...unless，这是需要它的异常之一吗？)。
我的application.rb有config.assets.paths << Rails.root.join("app", "assets", "fonts")。
我已经使用Google字体很多次了，没有任何问题。我就是想不出我错过了什么。我是不是没有正确组织我的CSS清单文件？我读到过，你在清单中需要资产的顺序很重要，但我并不是在每种情况下都很清楚。在我的例子中，template.css是我试图开始工作的主要css文件。它应该放在引导程序@imports下面吗?如果是，如何放在下面(当我尝试这种奇怪的事情发生时)？
Application.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>回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44468617
复制相关文章
相似问题
腾讯云开发者
