如何在Django中使用Bootstrap?

n0pe:

我正在学习来自PHP的python和Django。这真的很令人兴奋,我很想将Bootstrap与Django一起使用来创建性感的网页。

据我了解(我正在他们网站上关注Django教程),Django使用的“应用程序”可以包含在settings.py文件中。我进行了快速搜索,找到了几个以启动程序为主题的应用程序,但对如何选择合适的应用程序一无所知。大多数人都使用标准的应用程序吗?我需要的是bootstrap.cssbootstrap.js文件。

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

urbushey:

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

您只需在项目或应用程序级别包含Twitter Bootstrap CSS和JS,并在Django模板中引用它们即可。

要将Twitter Bootstrap包含在Django应用中,最好的选择是:

  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/',
    )
    

    另外,请确保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/
    
  2. 在模板中包括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,我没有用过。但是,我建议您先手动进行,以探索项目并真正了解正在发生的事情。一点也不难!

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章