Django和Bootstrap模态形式

时间:2014-05-28 16:59:17

标签: django twitter-bootstrap django-forms modal-dialog

我目前正在建立一个具有联系功能的网站。我用Django和Bootstrap构建了这个站点。要联系网站后面的人,用户点击顶部导航栏中名为Contact的元素。这个元素打开一个Bootstrap模态。目前模态按预期工作,看起来像:

Bootstrap modal for contacting

代码是:

<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>

因为我想将用户写的数据发送到Django后端,我写了一个表格:

class ContactForm(forms.Form):
    name    = forms.CharField(max_length=255)
    email   = forms.EmailField()
    message = forms.CharField(widget=forms.Textarea)

为了向所有模板提供此表单(在base.html中实现),我编写了一个工作正常的上下文预处理器。

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

0 个答案:

没有答案