Как центрировать поля формы с помощью bootstrap и django

<form class="text-center mt-5" action="{% url 'add' %}" method="post">
  {% csrf_token %}
  {% for field in form %}
     <div class="row col-md-3 mx-auto mb-3">
        {{field}} {% if not field.field.required %}<span class="text-light w-25">(optional)</span>
        {% endif %}
     </div>
  {% endfor %}
  <button type="submit" class="btn btn-primary">Add</button></form>

Так что получается, что кнопка центрирована, но поля находятся немного слева. Как сделать так, чтобы поля были по центру, а (необязательный) span располагался рядом с теми, с которыми он должен располагаться.

Вернуться на верх