【问题标题】:How to set up Bootstrap in Django如何在 Django 中设置 Bootstrap
【发布时间】:2015-09-24 11:55:48
【问题描述】:

我正在学习如何使用 Django 进行开发,并且我在 manage.py runserver 上建立并运行了一个简单的网站。
我正在尝试在其上设置 Bootstrap,但似乎无法将 Bootstrap 文件拉入我的 html 模板页面。
我在 ContainerFolder\homeapp\templates\homeapp\index.html 中有我的模板。
我已将 BootStrap 文件放在顶级静态文件夹中,即 ContainerFolder\Static 中,因为我想将它们用于所有应用程序。
我的设置文件如下:

STATIC_URL = '/static/'
MAIN_PROJECT = os.path.dirname(__file__)
STATICFILES_DIRS = (
    os.path.join(MAIN_PROJECT, 'static/'),
)

我的模板头如下,正文中的html只是显示没有格式: 任何人都可以告诉我如何解决这个问题,非常感谢任何帮助:

{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Clean Blog</title>
    <!-- Bootstrap Core CSS -->
    <link href="{% static "/css/bootstrap.min.css" %}" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="{% static "/css/clean-blog.min.css" %}" rel="stylesheet">
</head>

【问题讨论】:

  • 如果你去掉前面的斜线,它会起作用吗 - 即{% static "css/bootstrap.min.css" %} 等?

标签: python css django twitter-bootstrap static


【解决方案1】:

看起来你有一个额外的 /,你不需要在你的 CSS 之前。

通常调试此类事情的最佳方法是在浏览器中查看您的页面,在 html 页面上查看源代码并查看您的 css 文件指向的路径,该路径是否与您的文件夹结构匹配?

【讨论】:

  • 是的,问题已经解决了,谢谢!我检查了 html 源代码,但它显示为 没有指示静态值,我猜 Django 不解析模板标签值如果有错误。感谢您的快速回答
猜你喜欢
  • 2015-07-20
  • 2021-08-28
  • 2016-10-17
  • 2017-06-22
  • 2016-06-14
  • 1970-01-01
  • 2020-07-16
  • 1970-01-01
  • 2023-04-11
相关资源
最近更新 更多