【问题标题】:Can't load bootstrap css file无法加载引导 css 文件
【发布时间】:2020-01-15 23:22:06
【问题描述】:

我正在 pycharm 中创建一个 django 项目,我正在尝试使用引导博客示例 (https://getbootstrap.com/docs/4.4/examples/blog/)。我遇到了一个问题:bootstrap.min.css 文件不能正常工作,当我像这样链接它时它工作正常,

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

但是当我下载这个文件然后将它保存在 my_app/static/my_app/bootstrap.min.css 并像这样链接它,

<link rel="stylesheet" href="{% static 'blogs/bootstrap.min.css' %}" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

不行,django开发服务器正常加载css文件

[14/Jan/2020 19:04:26] "GET /static/blogs/bootstrap.min.css HTTP/1.1" 304 0

但它对网站外观没有任何影响,blog.css 文件确实有效,因为我可以看到字体和一些东西发生了变化,但 bootstrap.min.css 文件没有。

【问题讨论】:

  • 你在关注这个吗:docs.djangoproject.com/en/2.2/howto/static-files尝试将href重命名为{% static 'my_app/bootstrap.min.css' %}
  • 如果你打开你的控制台,你会看到一个错误,浏览器告诉你它无法找到资源。通过查看它试图从哪里下载文件将帮助您了解需要如何修改 href 属性,以便它解析资源所在的路径。
  • @themanatuf 我正在关注 docs.djangoproject.com/en/2.2/howto/static-files,我的 href 已经是 {% static 'my_app/bootstrap.min.css' %},我的 app_name 是 blogs 所以路径是 href="{% static 'blogs/bootstrap.min.css' %}"

标签: python html css django twitter-bootstrap


【解决方案1】:

如果它返回您的bootstrap.min.css 文件所在的位置,请尝试记录您的路径。 然后检查你的浏览器的缓存是否清除,如果没有,请尝试一下。

【讨论】:

    【解决方案2】:

    正如@tao所说,我在浏览器中检查了控制台,结果发现问题出在

    integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
    

    <link rel="stylesheet" href="{% static 'blogs/bootstrap.min.css' %}" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    

    感谢您的帮助

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-09-08
      • 1970-01-01
      • 2016-02-09
      • 2016-01-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多