单列表单布局

Question

我试图在单列中显示 django 表单，而不是在默认的两列显示中。

not like this...

...but rather like this!

我一直在浏览一些视频和帖子，只发现了像使用crispy-forms 之类的方法，但令我震惊的是，为了实现这么小的目标，要添加大量的代码行。 - 可能有一个更简单的解决方案（否则，这是最好的方法）？ :)

Answer 1

只需手动呈现您的表单字段，您就可以将标签放在任何您想要的位置。

例如...

<div class="fieldWrapper">
    {{ form.subject.errors }}
    <div class="labelWrapper"><label for="{{ form.subject.id_for_label }}">Email subject:</label></div>
    {{ form.subject }}
</div>

...主题是您的表单字段。

在Simple is better than complex 上查看一篇很棒的 Django 博客文章，即使有类似的 Bootstrap 4 示例。