繁体   English   中英

Django:我为什么要使用一个包进行Twitter引导程序集成?

[英]Django: Why should I use a package for Twitter bootstrap integration?

我读了几篇关于哪个bootstrap包使用的帖子(主要是Crispy-form VS django-toolkit-integration)

但我对Django很新,我仍然不明白这些软件包的真正需求是什么。 我的意思是,Twitter引导程序只不过是css / js文件。 所以,我想通过将我的Django表单和字段链接到HTML类(使用.py表单的小部件,以及直接在.html模板中用于其他字段)来使用bootstrap

那么,这些包的好处是什么? 这只是方便还是我真的错过了一些东西,如果我选择不使用它?

谢谢你的帮助!

这只是形式的便利。 它为您提供模板标签。 Django提供了两个方法as_p,as_ul和as_table,但它们都没有与bootstrap一起顺利运行。 所以你使用类似的东西。

{% extends 'base.html' %}
{% load crispy_forms_tags %}

{% block content %}
    {% form|crispy %}
{% endblock %}

它还提供了一些方便的类来配置Django Forms。

因此,它没有必要,但它将为您节省配置表单的麻烦。 你可以从没有它们开始,当问题出现时,你会发现它们很有用。

正如您自己所说,Twitter Bootstrap只是CSS和JS文件,您将在HTML结构中应用并获得其元素的新面貌。 Bootstrap提供了许多现成的元素和样式。

许多网站使用Bootstrap准备好结构甚至网站模板,如: BootsnippBootswatchWrapbootstrap等等。 我看到的最大优势不是浪费时间与风格(我不是在贬低设计师)而是更多地关注编程。

我的最后一点是:给Twitter Bootstrap一个机会,它在更快地创建模型和样式,更专注于最终产品方面非常有用。

其中一些软件包可以用Less(语言)编写CSS,并自动编译。 此外,有些人可能会添加资产的压缩和连接。

因为Bootstrap只不过是一堆CSS和Javascript文件(我不使用Less)到目前为止我所需要的只是表单集成,这很容易实现:

注意:这是我自己的代码的一个非常具体的例子,但你明白了。

<div class="row">
    <div class="span6 offset3">

    <form id="form-history" class="form-horizontal text-center"
          action="/somepath/" method="post">
        <fieldset>
            <legend><h3>History</h3></legend>

    {% for field in form %}
        <div class="row">
            <div class="span3">{{ field.label }}</div>
            <div class="span3">{{ field }}</div>
        </div>
    {% endfor %}

        <div class="row pull-right">
            <button class="btn btn-primary btn-large" type="submit">
                <i class="icon-ok icon-white"></i> Find
            </button>
        </div>

        </fieldset>
    </form>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM