Файл ветки - сделать так, чтобы все поля отображались в одном столбце вместо 2 столбцов

Question

У меня есть шаблон ветки для моего вида, в котором поля отображаются в 2 столбцах. Можно ли сделать так, чтобы все поля появлялись в одном столбце?

Код веточки:

{% set index = 0 %}
<div class='row'>
    <div class="panel panel-default">
    <div class="panel-body">
       {% for key, field in fields -%}

        {% if index == 0 or index == 5 %}
        <div class='col-md-6'>
        {% endif %}

            <span {{ field.label_attributes }}>{{ field.label }}{{ field.label_suffix }}</span>

            <a href="#" data-toggle="tooltip" data-placement="right" title="{{ tooltips[key] }}">
              <span {{ field.element_attributes }}>{{ field.content }}</span><br/>
            </a>


        {% if index + 1 == fields | length %}
          <a href=''>Test link</a>
          {% endif %}
        {% if index == 4 or index + 1 == fields | length  %}
        </div>
        {% endif %}

        {% set index = index + 1 %}
      {%- endfor %}
    </div>
  </div>
</div>

Токовый выход: Как сделать все поля отображаются в одном столбце?

Answer 1

Не могли бы вы обернуть класс в css, используя flex-direction: column .. например:

.panel-body{
  display:flex
  flex-direction: column
}

Answer 2

Довольно простое исправление. Я удалил класс из панели, и он привел все поля в один столбец.

<div class='col-md-6'> changed to just <div> tag