Python 使用bootstrap和django
我试图让引导程序在我的django项目中工作,并遵循了教程 但它没有起作用。当我在浏览器中访问“我的本地项目”时,它只显示一个带有4个蓝色链接的空白页面。不完全是我所期望的。在pycharm(我的ide)中,它告诉我,我的模板中有一个对静态URL的未解析引用。我认为问题在于,仅仅在我的项目中放置引导并在我的设置中定义它是不够的。有什么想法吗 对不起,这里基本上是我的项目是如何设置的。 主要项目/ 应用程序1、应用程序2、媒体/、模板/、主应用程序项目/ 那么我应该把boostrap放在第一个主项目下,还是第二个 此外,这里是我的设置,以备不时之需Python 使用bootstrap和django,python,html,django,twitter-bootstrap,Python,Html,Django,Twitter Bootstrap,我试图让引导程序在我的django项目中工作,并遵循了教程 但它没有起作用。当我在浏览器中访问“我的本地项目”时,它只显示一个带有4个蓝色链接的空白页面。不完全是我所期望的。在pycharm(我的ide)中,它告诉我,我的模板中有一个对静态URL的未解析引用。我认为问题在于,仅仅在我的项目中放置引导并在我的设置中定义它是不够的。有什么想法吗 对不起,这里基本上是我的项目是如何设置的。 主要项目/ 应用程序1、应用程序2、媒体/、模板/、主应用程序项目/ 那么我应该把boostrap放在第一个主项
STATIC_ROOT = os.path.join(SITE_ROOT, 'static_files')
# URL prefix for static files.
# Example: "http://media.lawrence.com/static/"
STATIC_URL = '/static/'
- img
- css
- js
<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/bootstrap-responsive.min.css"/>
<script type="text/javascript" src="{{STATIC_URL}}js/bootstrap.min.js"></script>
Kevin,Python日记中那篇文章的作者。自从我发布该教程以来,我已经创建了在Django项目中启用引导的其他方法,包括一个方便的项目模板,可以从这里下载: 我还在BitBucket上启动了一个项目,因为它有一个Django bootstrap主题应用程序,非常易于使用,只需将其添加到您的“已安装的应用程序”中,然后从原始的bootstrap网站扩展任何模板,例如starter.html等。当然,您也可以旋转自己的引导主题。我尝试积极更新它,并寻求更多建议,使其成为“Django goto应用程序”。对于希望在其项目中使用Bootstrap的开发人员,BitBucket repo可在以下位置找到:
希望这能帮助其他可能无意中发现此Stackoverflow页面的人。这就是我的工作原理,我遵循了文档中的内容: 放置在
project/my\u app/Static/my\u app/css/bootstrap.min.css中的静态文件
此处放置的模板位于project/my_app/templates/my_app/base.html
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Bootstrap Core CSS -->
<link href="{% static "my_app/css/bootstrap.min.css" %}" rel="stylesheet">
{%load static%}
Project settings.py文件(此行为默认行,不更改):
在您的应用程序文件夹中(也应该有带有.html文件的模板文件夹):
创建包含子文件夹(引导文件)的“静态”文件夹,结构应如下所示:
在html模板文件中,像这样导入引导(注意CSS进入head和JS进入body部分):
你的头衔
{%load staticfiles%}
接下来是页面代码
接下来是页面代码
接下来是页面代码
我改为{STATIC_URL}}句子不使用{%load staticfiles%}@Ngenator{%STATIC…%}
如果没有{%load staticfiles%}
,{STATIC_URL}
只是staticfiles应用程序在上下文中设置的变量。这是个问题吗?没有STATICFILES\u DIR
和urls.py
中没有urlpatterns,这会起作用吗?据我所知,使用开发服务器提供静态文件需要一些额外的工作。@J0HN他在我的评论之后编辑了答案。他正在使用{%static…%}
如果没有它,请检查。感谢您的回复。但是关于静态URL,我需要创建此文件夹吗?或者它已经创建了,而我就是找不到它?非常感谢。
STATIC_URL = '/static/'
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Bootstrap Core CSS -->
<link href="{% static "my_app/css/bootstrap.min.css" %}" rel="stylesheet">
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
STATIC_URL = '/static/'
<html>
<head>
<title> Your title </title>
<!-- To prepare django for loading static files -->
{%load staticfiles %}
<!-- And with <link> or <script> tag you actualy import bootstrap files in page -->
<link href={% static "css/bootstrap.min.css" %} rel="stylesheet">
</head>
<body>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src={% static "js/bootstrap.min.js" %}></script>
<p> Next your page code ............... </p>
<p> Next your page code ............... </p>
<p> Next your page code ............... </p>
</body>