如何在Django中使用Bootstrap主题?

时间:2014-12-23 06:57:36

标签: python django twitter-bootstrap

我是Python编程的新手,刚刚开始使用Django,我有一个小任务就是使用构建一个bootstrap博客。我在django中完成了jinja模板的一些工作。但我想知道如何在django中使用bootstrap 3,因为django模板可以像块语句和继承那样使用jinja样式。

很多困惑,这里任何一个做过这种工作的人都会帮忙。 也谷歌它发现了很多图书馆,但结构令我困惑,请记住我是初级水平。

3 个答案:

答案 0 :(得分:7)

您可以下载静态文件并将其复制到项目的静态库中,也可以通过CDN使用它们,即将模板的标题链接放入Bootstrap CDN:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>

答案 1 :(得分:4)

我会回应其他答案所说的内容,但是为了一个简洁易懂的例子,请参阅:

http://www.tangowithdjango.com/book/chapters/bootstrap.html

有关如何引导django应用程序的分步说明。

答案 2 :(得分:3)

在django中,你有static folder通常包含css,js和图像文件夹。

您将bootstrap css文件放入css文件夹,将js文件放入js文件夹,将字体放入图像。

并以这种方式在模板中链接到它们:

{% load staticfiles %}
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/bootstrap.css">

或者如果你激活了staticfiles app,那么

{% load staticfiles %}
<link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.css' %}">

js文件也一样。刚读完django docs,它是有史以来最好的文档!