Twig 文件 - 使所有字段显示在单个列中，而不是 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

你能不能用flex-direction：column将类包装在css中。例如：.panel-body{&nbsp; display:flex&nbsp; flex-direction: column}

Answer 2

非常简单的修复。我从面板中删除了该类，它将所有字段放在一列中。<div&nbsp;class='col-md-6'>&nbsp;changed&nbsp;to&nbsp;just&nbsp;<div>&nbsp;tag