css - 样式表已链接但未加载?

标签 css ruby-on-rails twitter-bootstrap

从 rails 3.2 到 4 重建一个应用程序,除了我的一些样式表没有被应用之外,一切都很顺利。当我 ctru-U 时,它们似乎连接正常:

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Badge2</title>
    <meta name="description" content="Badge2">
    <link data-turbolinks-track="false" href="/assets/application.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="false" href="/assets/badges.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="false" href="/assets/framework_and_overrides.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="false" href="/assets/home.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="false" href="/assets/scaffolds.css?body=1" media="all" rel="stylesheet" />
    <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
    <script data-turbolinks-track="true" src="/assets/jquery.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/jquery_ujs.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/turbolinks.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap-transition.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap-affix.js?body=1"></script>
...
<script data-turbolinks-track="true" src="/assets/badges.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/home.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/application.js?body=1"></script>
    <meta content="authenticity_token" name="csrf-param" />
<meta content="0kPf5I9Ayz6yEM/RLbfyYmzTdixuoyf5Z4w9iPyuGaU=" name="csrf-token" />
  </head>
  <body>
    <header>

但是当我点击 /assets/badges.css?body=1 时,它是空白的。 (当然它的样式没有被应用。)脚手架和框架加载,但 home 和 badges 没有。 (或加载空白/空)。我错过了什么?

最佳答案

答案似乎是这一行:

<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>

需要尾随/。

我从旧的 Rails 3.2 应用程序复制了它,它在那里工作。

奇怪的是,badges.css 文件中已经有 css 注释,bus sass 去掉了单行注释 (//...) 并保留了多行注释 (/* ... */)。

关于css - 样式表已链接但未加载?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22046025/

相关文章:

html - 悬停时突出显示同一链接的所有实例

css - Stylesheet_link_tag 已损坏,文件路径不起作用,我这辈子都想不通为什么。有任何想法吗?

ruby-on-rails - rails : "BCrypt::Errors::InvalidHash" when trying to sign in

javascript - 来自 ajax 的 Bootstrap 表 json

html - 如何让渐变背景充满整个页面?

javascript - 谷歌地图 js api 版本 3 信息窗口故障

javascript - Foundation 5 JS 在 Rails 应用程序中不起作用

html - 如何在用户屏幕的整个右半部分创建一个框架(可能是 iframe)?

html - 相等的 LI 宽度填充 100% 宽度

javascript - 我如何在 JavaScript 中获取直接子元素(不使用 jQuery)?