Bootstrap靜態文件未包含在Django模板中
[英]Bootstrap static files not being included in Django template
問題描述
我是Django的新手，在Django頁面上呈現引導程序時遇到了問題。
這是我的基本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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Dropbox Web App Prototype</title>
<!-- Bootstrap -->
<link href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="jumbotron">
<h1>Hello, world!</h1>
<p>This is a template showcasing the optional theme stylesheet included in Bootstrap. Use it as a starting point to create something more unique by building on or modifying it.</p>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
</body>
</html>
靜態文件與項目目錄處於同一級別，並具有以下結構：
我還在我的settings.py文件中添加了以下行
STATICFILES_DIRS = (os.path.join(BASE_DIR, "static"),)
CSS不在主頁上呈現。 任何幫助表示贊賞。
6 個解決方案
解決方案1
1 已采納 2016-02-08 19:51:00
BASE_DIR默認定義為：
BASE_DIR = os.path.dirname(os.path.dirname(__file__))
__file__實際上是settings.py ，因此BASE_DIR在父目錄中，該目錄包含manage.py 。
看來您的static文件夾在另一個級別上，因此只需將其移至與manage.py相同的級別即可，它應該可以工作。
解決方案2
0 2016-02-08 19:47:51
只需在您的設置中定義附加靜態網址，如下所示：
STATIC_URL ='/靜態/'
並再次檢查是否提供了引導程序
解決方案3
0 2016-02-08 19:49:58
CDN：
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
靜態的
在django runserver的網址中：
if settings.DEBUG:
urlpatterns += [url(r'^static/(?P<path>.*)$', views.serve),]
從Web服務器運行時，您需要配置別名。 Nginx示例：
location /static {
alias /home/username/mysite/static;}
settings.py：
STATIC_URL = '/static/'
STATICFILES_DIRS = (os.path.join(BASE_DIR, "static"),)
解決方案4
0 2016-02-08 20:03:01
您可以粘貼BASE_DIR嗎？ 您可以將其設置為： BASE_DIR to BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
解決方案5
0 2016-02-08 20:05:39
在html中替換此
<link href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
有了這個
<link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
並檢查是否在設置中。
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static"),
]
解決方案6
0 2017-11-05 22:50:49
您使用的舊語法可能與您的Django版本不匹配。 在您的html文件中進行更改：
{% load staticfiles %}
至
{% load static %}
另外，將單引號替換為雙引號：
"{% static 'bootstrap/css/bootstrap.min.css' %}"
至：
"{% static "bootstrap/css/bootstrap.min.css" %}"
您可以在此處查看處理靜態文件的確切語法
為什么圖像沒有在 Html 模板中呈現，甚至被添加到 Static 文件 - Django？
[英]Why The Image Is Not Being Rendered In Html Template Even Being Added To Static Files - Django?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.