{% load i18n %}
<div class="table-responsive">
    <table class="table">
        <tbody>
        {% for field in form %}
        <tr title="{{ field.help_text }}" class="{% if field.errors %}alert-danger{% endif %}">
            {{form.small_label_column}}
            <th scope="row" class="col-sm-{{form.label_input_ratio.0}}">
                <label class="form-label" for="id_{{ field.name }}">
                    {{ field.label }}
                    <span class="label-required">
                        {% if field.field.required %}*{% endif %}
                    </span>
                    <br>
                    <small>{{ field.help_text }}</small>
                </label>
            </th>
            <td class="col-sm-{{form.label_input_ratio.1}}">
                {{ field }}
                {% for error in field.errors %}
                <br>
                <strong class="invalid">{{ error }}</strong>
                {% endfor %}
            </td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
    {% if form.has_required_fields %}
    <small>{% trans 'Fields with * are required.' %}</small>
    {% endif %}
</div>