如何在Django中使用Bootstrap?

n0p*_*0pe 62 python django twitter-bootstrap

我正在学习python和来自PHP的Django.这一切都非常令人兴奋,我很乐意使用Bootstrap和Django来创建性感的网页.

据我了解(我在他们的网站上关注Django教程),Django使用"apps",它可以包含在你的settings.py文件中.我做了一个快速搜索,发现了几个以bootstrap为主题的应用程序,但不知道如何选择正确的应用程序.是否有大多数人使用的标准应用程序?我只需要bootstrap.cssbootstrap.js文件.

我确定我可以手动将它们放在我的root中,但我在Django安装中享受"全包"设置.

urb*_*hey 66

重新阅读你的问题,似乎你正在寻找一种方法来安装Twitter Bootstrap作为Django应用程序.虽然有一些应用程序可以方便地使用Twitter Bootstrap和Django,但你并不需要使用它们中的任何一个.

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

要在Django应用程序中包含Twitter Bootstrap,最好的办法是:

  1. 使用静态文件

    在你的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/',
    )
    
    Run Code Online (Sandbox Code Playgroud)

    另外,请确保您的STATIC_URL前缀已设置:

    # URL prefix for static files.
    # Example: "http://media.lawrence.com/static/"
    STATIC_URL = '/static/'
    
    Run Code Online (Sandbox Code Playgroud)

    现在,下载Twitter Bootstrap并将其放在那里的路径中:

    /path/to/my_project/my_app/static/bootstrap/
    
    Run Code Online (Sandbox Code Playgroud)
  2. 在模板中包含Twitter Bootstrap

    我会链接到Twitter Bootstrap文档,但实际上并没有.您最好的选择是查看其初始模板的来源.使用Django模板系统有点超出了这个问题的范围,但我会给你这个提示:在启动器模板中找到指向.css或.js的链接的任何地方,用你的STATIC_URL替换它.

    所以:

    <link href="../assets/css/bootstrap.css" rel="stylesheet">
    
    Run Code Online (Sandbox Code Playgroud)

    <link href="{{ STATIC_URL }}/bootstrap/css/bootstrap.css" rel="stylesheet">
    
    Run Code Online (Sandbox Code Playgroud)

    我使用入门模板作为my base.html和include {% block content %}base.html,可以用我模板中的实际内容替换{% extend base.html %}.

  3. 或者,使用第三方应用程序来指导您

    您可能会调查Django Bootstrap Toolkit,我自己没有使用过.我建议先自己手动完成,然后,作为一种探索项目并真正了解正在发生的事情的方法.这根本不是太难!

  • 这是正确的答案,但它已有4年历史了.至于Django 1.10,至少应该在模​​板顶部使用{%load static%}并使用"{%static'path/to/whatever'%}".请参阅https://docs.djangoproject.com/en/1.10/ref/templates/builtins/#static.你不再需要'static_url'或'staticfiles'了. (15认同)
  • 另外,请参阅 https://tutorial.djangogirls.org/en/css/ - 整个 Django 教程非常容易理解,并且此页面包括集成 Bootstrap。 (2认同)

Hac*_*ife 5

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