{% load bootstrap %}

<div id="{{ field.auto_id }}-group" class="form-group readonly field-{{ field_class }} widget-{{ widget_class }}{% if field.field.required %} required{% endif %}">
    <label>{{ field.label }}</label>
    <div class="form-control-plaintext clearfix">
        {{ rendered_value }}
    </div>
    {% if field.help_text %}
        <small id="{{ field.auto_id }}-help" class="form-text text-muted">{{ field.help_text|safe }}</small>
    {% endif %}
    {% if field.errors %}
        <ul id="{{ field.auto_id }}-errors" class="errorlist invalid-feedback d-block">
            {% for error in field.errors %}
                <li>{{ error|escape }}</li>
            {% endfor %}
        </ul>
    {% endif %}
</div>
