我决定第一次尝试Bootstrap 3今晚。我注意到,为了得到默认,漂亮的表单字段样式,你需要添加一个窗体控制类到每个输入,textarea,select等。这是一个痛苦的动态生成他们的形式(例如,使用Django)。 Django允许你设置表单字段的属性,但是这样做全局需要一个讨厌的猴子补丁或非干非代码。
解决方法
你真的应该检查一个Django应用程序,将所有的Django表单作为好的Boostrap表单,只需在模板中使用一个标签。
它的名称是django-bootstrap3.以下是如何使用它:
>安装django-bootstrap3
>将bootstrap3添加到INSTALLED_APPS:
- INSTALLED_APPS = (
- ...
- 'bootstrap3',...
- )
>更新您的模板:
> load bootstrap3
>将您的{{form.as_p}}替换为{%bootstrap3_form form%}
之前:
- <form method="post" class="form-horizontal" action="" >
- <div class="hidden-desktop">
- <button type="submit" class="btn btn-primary"> Save</button>
- </div>
- {% csrf_token %}
- {{ form.as_p }}
- <div class="actions form-actions">
- <button type="submit" class="btn btn-primary"> Save</button>
- </div>
- </form>
后:
- {% extends "base.html" %}
- {% load bootstrap3 %}
- <form method="post" class="form-horizontal" action="" >
- <div class="hidden-desktop">
- <button type="submit" class="btn btn-primary">{% bootstrap_icon "ok" %} Save</button>
- </div>
- {% csrf_token %}
- {% bootstrap_form form %}
- <div class="actions form-actions">
- <button type="submit" class="btn btn-primary">{% bootstrap_icon "ok" %} Save</button>
- </div>
没有别的事情。没有任何更新在你形成。没有JavaScript黑客。