【问题标题】:Django: CSS and Images (Static Files) loaded successfully but not appliedDjango:成功加载 CSS 和图像(静态文件)但未应用
【发布时间】:2017-12-25 02:48:27
【问题描述】:

我正在使用 Django Dev Server 并尝试测试我制作的一些模板。当我访问地址时,我可以从服务器提示中看到 CSS 和图像已加载,但是当我在浏览器中查看时,它没有被应用。我也在使用 Bootstrap,奇怪的是,它确实被应用了。

我真的很想得到一些帮助。我已经从其他各种线程中看到(并实施)了解决方案,但无济于事。请帮忙!

我看过的帖子:

Django -- Can't get static CSS files to load

CSS loaded but not applied

Django Static Files - CSS File Won't Load

Django CSS Attachment

Django - CSS problems

CSS loaded but empty

【问题讨论】:

  • 在您的浏览器中打开页面的源代码视图并单击您的 css 链接。你得到了什么?
  • 它有正确的href,但是它返回一个Django Debug 页面说stylesheet.css' not found。我认为服务器确实找到了文件,因为之前,当我没有让 Django 指向正确的文件夹来查找我的静态文件时,它会在提示符中返回“未找到”。
  • 好吧,不知道我做错了什么,但是我将我的静态文件所在的路径重组为类似于 myapp/static/myapp/stylesheet.css,然后加载 CSS。虽然这解决了它,但对我来说有点奇怪,因为我已将查找器设置为查看我最初拥有静态文件的文件夹。事情看起来多么不灵活,这有点可怕。
  • 一个后续问题:我同时使用自己的 CSS 和 Bootstrap。我的个人 CSS 似乎被 Bootstrap CSS 覆盖。如何设置 CSS 使用方式的优先级,以便我的 CSS 覆盖 Bootstrap?
  • 在 bootstrap.css 之后加载你的 CSS。这是因为逻辑`x = 3; x = 5;` 这给出 x = 5。你明白了。

标签: python html css django twitter-bootstrap


【解决方案1】:

在引导后移动 CSS 对我有用。

这样

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="{% static 'css/checkout.css' %}">

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-08-31
    • 2017-10-03
    • 1970-01-01
    • 1970-01-01
    • 2020-04-28
    • 2022-01-20
    • 2012-03-03
    • 2012-10-03
    相关资源
    最近更新 更多