【问题标题】:Why does my bootstrap Stylesheet opens as html, not css?为什么我的引导样式表打开为 html,而不是 css?
【发布时间】:2017-05-03 10:23:19
【问题描述】:

我一直在尝试在我的 Windows 8 系统上的开发(本地)服务器中将引导主题应用到我的网页。我正在使用 Chrome 并在 Chrome 开发工具中加载样式表 (css)。

但是,引导主题样式表不适用于 html。问题是“资源解释为样式表,但使用 mime 类型 text/html 传输”。

我看到当我尝试从查看页面源链接打开样式表时,它以 html 格式打开,而不是 css。但是,引导文件以 .css 扩展名保存。我已经尝试过 stackoverflow 上建议的几种解决方案,但都没有解决问题。

在我尝试过的解决方案中:

  • 将 type="text/css" 添加到 css 文件的链接。虽然我相信 HTML5,但我们不需要具体说明。
  • 在 IIS(Internet 信息服务)上,启用静态内容。
  • 在 HKEY_CLASSES_ROOT 将注册表项编辑为“text/css”。
  • 在 settings.py 文件中添加 mimetype

但它们都不起作用。你能建议我的问题的解决方案吗?谢谢你。 我认为相关的css和javascript代码如下。我尝试过在 css 文件夹之前使用和不使用“/”。

Bootstrap 主题模板

<!-- Bootstrap core CSS -->
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
<!-- Bootstrap theme -->
<link href="{% static 'css/bootstrap-theme.min.css' %}" rel="stylesheet">

<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link href="../../assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="{% static 'css/theme.css' %}" rel="stylesheet">
<link href="{% static 'css/main.css' %}" rel="stylesheet">

<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="../../assets/js/ie-emulation-modes-warning.js"></script>

>  <!-- Placed at the end of the document so the pages load faster -->
>     <script src="{% static 'js/jquery.min.js'%}"></script>
>     <script>window.jQuery || document.write('<script src="{% static 'js/jquery.min.js' %}"><\/script>')</script>
>     <script src="{% static 'js/bootstrap.min.js' %}"></script>
>     <script src="{% static 'js/docs.min.js' %}"></script>

【问题讨论】:

  • 显示您的代码。

标签: javascript html css twitter-bootstrap


【解决方案1】:

尝试改用 CDN:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

【讨论】:

  • CDN能用,为什么本地拷贝不行。有什么原因吗?
  • 我不确定 - 我之前从未在链接标签中看到过“{% static”语法。谷歌搜索显示它的 Django 语法 - 是你正在使用的吗?
  • 是的,你是对的。我正在使用 Django 1.11。我之前可以看到它使用“{% static %}”语法,它是静态目录的路径。
  • 它可能归结为 Django 中那个静态文件夹的配置。不幸的是,这超出了我的理解范围。
【解决方案2】:

确保使用 .css 文件扩展名保存引导文件并使用正确的 mime 类型(即:text/css)提供服务

【讨论】:

    【解决方案3】:

    这可能是因为在 settings.py 中没有正确定义静态目录。我需要将静态文件夹的 settings.py 更新为:STATIC_URL='/static/' 并设置 STATIC_ROOT。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-08-16
      • 2012-06-30
      • 2016-10-17
      • 1970-01-01
      • 2022-01-17
      • 1970-01-01
      • 2013-11-15
      • 2010-09-25
      相关资源
      最近更新 更多