Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/django/19.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将引导样式应用于django表单_Django_Django Forms_Django Templates - Fatal编程技术网

将引导样式应用于django表单

将引导样式应用于django表单,django,django-forms,django-templates,Django,Django Forms,Django Templates,我想使用bootstrap来获得一个像样的网站设计,不幸的是,我不知道表单字段的样式。我说的是: <form class="form-horizontal" method="POST" action="."> {% csrf_token %} {{ form.title.label }} {{ form.title }} </form> {%csrf\u令牌%} {{form.title.label} {{form.title}} 一个人应该如何设计这个??我

我想使用bootstrap来获得一个像样的网站设计,不幸的是,我不知道表单字段的样式。我说的是:

<form class="form-horizontal" method="POST" action="."> {% csrf_token %}
  {{ form.title.label }}
  {{ form.title }}
</form>
{%csrf\u令牌%}
{{form.title.label}
{{form.title}}
一个人应该如何设计这个??我试过这个:

<form class="form-horizontal" method="POST" action="."> {% csrf_token %}
  <div class="form-control">
    {{ form.title.label }}
    {{ form.title }}
  </div>
</form>
{%csrf\u令牌%}
{{form.title.label}
{{form.title}}
这显然没有给我想要的结果


如何将引导样式应用于django表单?

如果您不喜欢使用第三方工具,那么本质上您需要向类添加属性,我更喜欢使用模型表单从中继承的基类

class BootstrapModelForm(ModelForm):
    def __init__(self, *args, **kwargs):
        super(BootstrapModelForm, self).__init__(*args, **kwargs)
        for field in iter(self.fields):
            self.fields[field].widget.attrs.update({
                'class': 'form-control'
            })
可以很容易地调整。。。但是正如您所看到的,我的所有字段小部件都应用了表单控件css类

如果愿意,您可以为特定的字段扩展它,下面是一个应用了属性的继承表单的示例

class MyForm(BootstrapModelForm):
    def __init__(self, *args, **kwargs):
        super(MyForm, self).__init__(*args, **kwargs)
        self.fields['name'].widget.attrs.update({'placeholder': 'Enter a name'})

django-bootstrap3真的会让你的生活更轻松@贵格会教徒,我会查一查的,谢谢!这真是太酷了!我不喜欢使用三方工具,但更坚持框架!我喜欢,谢谢you@FooBar-不用担心,尽情享受吧!:)这个类会进入我的forms.py文件吗?没问题,我知道。我刚开始学习django,所以我不是100%确定…@Jeannie yea你可以把它放在任何有意义的地方。您可以根据需要在整个项目中导入它