Django Formset 每行一个表格

Question

如何在不使用 table 的情况下将 formset 的每种形式放置在水平线上，一个在另一个下面？我的 html 将所有内容都放在一条线上。

非常感谢任何帮助。

Html

[<div class="form-group row">
<div class="row">
{{ formset.management_form }}
{% for form in formset.forms %}
{% for hidden in form.hidden_fields %}
{{ hidden }}
{% endfor %}
<div class="col-sm-2">
    {{ form.logical_operator|as_crispy_field }}
</div>
<div class="col-sm-3">
    {{ form.event|as_crispy_field }}
</div>
<div class="col-sm-2">
    {{ form.operator|as_crispy_field }}
</div>
<div class="col-sm-2">
    {{ form.event_value|as_crispy_field }}
</div>
<div class="col-md-1 align-self-center delete-form">
    <button onclick="exclude(this)" type="button"
            title="Excluir"
            class="btn  btn-danger btn-sm">
        <i class="feather icon-trash-2"></i>
    </button>
</div>
{% endfor %}
</div>
</div>

image from screen

Answer 1

请尝试使用 </br>（断行）命令：

<h1> HEllo</h1> </br> <h2>How are you</h2>

Answer 2

这次重组解决了这个问题。

感谢您的帮助！

<div class="form-group row">
    <div class="col-sm-12">
        {{ formset.management_form }}
        {% for form in formset %}
        {% for hidden in form.hidden_fields %}
        {{ hidden }}
        {% endfor %}
        <div class="row">
            <div class="col-sm-2">
                {{ form.logical_operator|as_crispy_field }}
            </div>
            <div class="col-sm-3">
                {{ form.event|as_crispy_field }}
            </div>
            <div class="col-sm-2">
                {{ form.operator|as_crispy_field }}
            </div>
            <div class="col-sm-2">
                {{ form.event_value|as_crispy_field }}
            </div>
            <div class="col-md-1 align-self-center delete-form">
                <button onclick="exclude(this)" type="button"
                        title="Excluir"
                        class="btn  btn-danger btn-sm">
                    <i class="feather icon-trash-2"></i>
                </button>
            </div>
        </div>
        {% endfor %}
    </div>
</div>

Django Formset 每行一个表格

Django Formset one form in each row

html

django

django-forms