Django和Bootstrap模态形式

Django和Bootstrap模态形式,django,twitter-bootstrap,django-forms,modal-dialog,Django,Twitter Bootstrap,Django Forms,Modal Dialog,我目前正在建立一个网站的联系功能。我用Django和Bootstrap构建站点。为了联系网站背后的人,用户单击顶部导航栏中名为Contact的元素。此元素打开一个引导模式。目前,模态按预期工作,如下所示: 代码是: <div class="modal fade" id="kontakt" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"

我目前正在建立一个网站的联系功能。我用Django和Bootstrap构建站点。为了联系网站背后的人,用户单击顶部导航栏中名为
Contact
的元素。此元素打开一个引导模式。目前,模态按预期工作,如下所示:

代码是:

<div class="modal fade" id="kontakt" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form action="" class="form-horizontal">
                <div class="modal-header">
                    <h4>Contact us</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label for="kontakt-name" class="col-lg-2 control-label">Name</label>
                        <div class="col-lg-10">
                            <input type="text" class="form-control" id="kontakt-name" placeholder="Name">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="kontakt-email" class="col-lg-2 control-label">E-Mail</label>
                        <div class="col-lg-10">
                            <input type="email" class="form-control" id="kontakt-email" placeholder="Email-Address">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="kontakt-nachricht" class="col-lg-2 control-label">Message</label>
                        <div class="col-lg-10">
                            <textarea class="form-control" id="kontakt-nachricht" rows="8"></textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-primary" type="submit">Send</button>
                    <a href="#" class="btn btn-default" data-dismiss="modal">Close</a>
                </div>
            </form>
        </div>
    </div>
</div>
为了将此表单提供给所有模板(在base.html中实现),我编写了一个运行良好的上下文预处理器


是否有可能将Django表单呈现为我想要的html?我尝试了django-bootstrap3,但是这个应用程序没有在一行中呈现标签和输入。当我用Django(没有任何第三方应用程序)替换输入字段时,类
表单控件
和id是错误的。

您试过了吗?在本模块中,您可以将模板名称设置为
bootstrap3
。是要将表单呈现到所需页面,还是每次将一个表单呈现到具有不同属性的所有页面?我不明白你所说的“id是错误的”是什么意思。我想在我所有的网站上使用这个表格。它在my
base.html
中实现,所有其他站点都扩展了它。因此,我编写了一个预处理器,使表单可用于我网站的每个站点。如果我使用Django呈现输入字段,它将使用与标签标记不匹配的其他id。
class ContactForm(forms.Form):
    name    = forms.CharField(max_length=255)
    email   = forms.EmailField()
    message = forms.CharField(widget=forms.Textarea)