与Django一起使用Bootstrap的最佳方法

时间:2012-09-14 14:11:40

标签: django twitter-bootstrap django-forms django-templates django-views

经过一些研究,我可以选择将Bootstrap集成到Django中的两种方法。

  1. https://github.com/dyve/django-bootstrap-toolkit
  2. https://github.com/earle/django-bootstrap
  3. 第一个需要对模板进行一些更改,第二个需要更改视图。

    1的示例。)

    * [...] {{form | as_bootstrap}} [...] *

    {% load bootstrap_toolkit %}
    
    <form action="/url/to/submit/" method="post">
        {% csrf_token %}
        {{ form|as_bootstrap }}
        <div class="actions">
            <button type="submit" class="btn primary">Submit</button>
        </div>
    </form>
    

    2的示例。)

    [...]类LoginForm(BootstrapForm)[...]

    from bootstrap.forms import BootstrapForm, Fieldset
    
    class LoginForm(BootstrapForm):
        class Meta:
            layout = (
                Fieldset("Please Login", "username", "password", ),
            )
    
        username = forms.CharField(max_length=100)
        password = forms.CharField(widget=forms.PasswordInput(), max_length=100)
    

    推荐哪种方式?还是其他方法?

1 个答案:

答案 0 :(得分:11)

如果它只是形式,也许你想要看看django-crispy-forms。 它是django-uni-form的继承者,支持bootstrap表单。

https://github.com/maraujop/django-crispy-forms