如何使用Bootstrap和Django？

我正在学习来自PHP的python和Django。这真是令人兴奋，我很乐意使用Django的Bootstrap来创建性感的网页。如何使用Bootstrap和Django？

据我了解（我正在关注他们网站上的Django教程），Django使用可以包含在您的settings.py文件中的“应用程序”。我做了一个快速搜索，发现了几个以引导为主题的应用程序，但对如何选择正确的应用程序没有任何知识。有大多数人使用的标准应用程序吗？我需要的只是bootstrap.css和bootstrap.js文件。

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

来源

2012-04-14 n0pe

看起来@urbushey在解释直接方法的基础知识方面做得很好，没有任何Django应用程序。如果您想了解更多有关应用的更多信息，请注意，2012年的问题在一年后“关闭”，因为它不在计算范围内。但它从当时有一些有趣的见解：http://stackoverflow.com/questions/11821116/django-and-bootstrap-what-app-is-recommended – nealmcb 2015-04-08 16:38:40

重新阅读您的问题，似乎您正在寻找一种将Twitter Bootstrap安装为Django应用程序的方式。虽然有一些便于在Django中使用Twitter Bootstrap的应用程序，但您并不需要使用它们中的任何一个。

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

要包括Twitter的引导在Django应用程序，你最好的办法是：

使用静态文件

在你settings.py，添加路径来引导（你应该下载在您的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的引导，并将其放置在路径有：

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

包括Twitter的引导在模板

我会链接到Twitter引导文档，但没有任何，真的。你最好的选择是看看他们的starter template的来源。使用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和包括base.html{% block content %}块，可以通过实际的内容在我的模板，这{% extend base.html %}更换。
或者，使用第三方应用程序来指导你

你可能会调查是Django Bootstrap Toolkit，我没有使用过自己。我建议你自己先手动做，但是，作为一种探索项目并真正理解发生了什么的方式。这并不难！

来源

2012-05-15 16:08:26 urbushey

这是正确的答案，但它是4岁。从Django 1.10开始，至少应该使用模板顶部的{％load static％}和“{％static'path/to/whatever'％}”。请参阅https://docs.djangoproject.com/en/1.10/ref/templates/builtins/#static。你不再需要'static_url'或'staticfiles'。 – 2016-10-27 03:05:03

另外，请参阅https://tutorial.djangogirls.org/en/css/ - 整个Django教程非常易于遵循，并且此页面包括集成Bootstrap。 – DaveBoltman 2017-08-07 06:03:47

只需使用引导url.https：//getbootstrap.com/docs/4.0/getting-started/introduction/的方法2版本4进行更新即可。简单的方法来复制和粘贴他们托管的网址以进行快速设置。 – 2018-02-23 16:42:08

欢迎来到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 - 都是我的最爱。

来源

2012-04-14 20:33:50

@MaxMackie也检查出http://lincolnloop.com/django -best-practices /良好的资源:) – 2012-04-14 20:47:56

如果你简单地安装Twitter的引导使用PIP：

按照指示：

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

很简单的配置。

来源

2015-07-20 18:43:45

这似乎不是一个完整的答案，虽然是一个有用的提示。我认为他主要是在寻找大多数人使用的“标准主题应用程序”。 – Will 2015-07-20 18:53:16

请阅读：http://stackoverflow.com/help/how-to-answer – 2015-07-20 19:03:11

此外，该包似乎已被放弃。还有其他一些人希望在github上有最近的活动。它们是： https://github.com/dyve/django-bootstrap3（使用'pip install django-bootstrap3'安装） https://github.com/zostera/django-bootstrap4（使用'pip install django安装-bootstrap4'） – hlongmore 2018-01-28 08:33:54

如何使用Bootstrap和Django？

回答

相关问题