如何将 Bootstrap 与 Django 一起使用？

Question

我正在从 PHP 学习 python 和 Django。这一切都非常令人兴奋，我很乐意使用 Bootstrap 和 Django 来创建漂亮的网页。

据我了解（我正在关注他们网站上的 Django 教程），Django 使用“应用程序”，可以包含在您的

settings.py

文件中。

我进行了快速搜索，发现了几个以引导程序为主题的应用程序，但不知道如何选择合适的应用程序。是否有大多数人使用的标准应用程序？我需要的只是

bootstrap.css

和

bootstrap.js

文件。

我确信我可以手动将它们放在我的根目录中，但我希望在 Django 安装中享受“全包”设置。

Answer 1

重新阅读您的问题，您似乎正在寻找一种将 Twitter Bootstrap 安装为 Django 应用程序的方法。虽然有一些应用程序可以帮助将 Twitter Bootstrap 与 Django 结合使用，但您实际上并不需要使用其中任何一个。

您可以简单地在项目或应用程序级别包含 Twitter Bootstrap CSS 和 JS，并在 Django 模板中引用它们。

要将 Twitter Bootstrap 包含在 Django 应用程序中，最好的选择是：

使用静态文件

在您的

settings.py

中，添加 Bootstrap 的路径（您应该下载该路径并将其放置在 Django 应用程序中名为

static

的文件夹下：

STATICFILES_DIRS = (

    # Put strings here, like "/home/html/static" or "C:/www/django/static".
    # Always use forward slashes, even on Windows.
    # Don't forget to use absolute paths, not relative paths.
    '/path/to/my_project/my_app/static/',
)

另外，请确保您的

STATIC_URL

前缀已设置：

# URL prefix for static files.
# Example: "http://media.lawrence.com/static/"
STATIC_URL = '/static/'

现在，下载 Twitter Bootstrap 并将其放在路径中：

/path/to/my_project/my_app/static/bootstrap/

在您的模板中包含 Twitter Bootstrap

我会链接到 Twitter Bootstrap 文档，但实际上没有。您最好的选择是查看他们的入门模板的来源。使用 Django 模板系统有点超出了这个问题的范围，但我会给你这个提示：在起始模板中找到 .css 或 .js 链接的任何位置，将其替换为 STATIC_URL。

所以：
```
<link href="../assets/css/bootstrap.css" rel="stylesheet">
```
成为
```
<link href="{{ STATIC_URL }}/bootstrap/css/bootstrap.css" rel="stylesheet">
```
我使用入门模板作为我的
```
base.html
```
并在
```
{% block content %}
```
中包含
```
base.html
```
块，这些块可以替换为我的模板中的实际内容，即
```
{% extend base.html %}
```
。
或者，使用第 3 方应用程序来指导您

您可能会研究Django Bootstrap Toolkit，我自己没有使用过。不过，我建议您首先自己手动执行此操作，作为探索该项目并真正了解正在发生的事情的一种方式。一点也不难！

Answer 2

欢迎来到 Python/Django 的世界。和您一样，在使用 PHP 进行 Web 开发多年之后，我已经开始使用这种语言/框架对创建动态网站和强大的 Web 应用程序。

django 真正出色的功能之一是其自动管理界面。我使用一个名为 Django-Admin-Tools 和 django-admintools-bootstrap 的应用程序，它将默认界面转换为外观漂亮的管理界面。 https://bitbucket.org/salvator/django-admintools-bootstrap

安装 django 应用程序或其他 python 模块的最简单方法是使用 pip。我会阅读有关使用 virtualenv http://readthedocs.org/projects/virtualenv/ 来管理 django 项目的内容。当您设置 python 虚拟环境时，它允许您在系统上单独的 python 安装中安装 django 应用程序和 python 模块。

然后，安装其他 django 应用程序就轻而易举了 - pip install django-admin-tools - django grappelli - South - 都是我的最爱。

Answer 3

如果您只是使用 pip 安装 twitter-bootstrap 会怎样：

按照说明操作：

https://pypi.python.org/pypi/django-twitter-bootstrap/

简单配置。

Answer 4

提到的答案都不适合我，我要说的最简单的方法是直接在你的base.html中添加CDN，它将用于扩展，你也可以将它添加到独立/静态页面中

请阅读此处了解引导 CDN 和集成。

如何将 Bootstrap 与 Django 一起使用？

问题描述投票：0回答：4

4个回答

最新问题

如何将 Bootstrap 与 Django 一起使用？

问题描述 投票：0回答：4

4个回答

最新问题

问题描述投票：0回答：4