亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Twig 文件 - 使所有字段出現在單列而不是 2 列中

Twig 文件 - 使所有字段出現在單列而不是 2 列中

PHP
偶然的你 2022-07-29 16:35:30
我的視圖有一個樹枝模板,字段顯示在 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>當前輸出:如何使所有字段出現在一列中?
查看完整描述

2 回答

?
胡子哥哥

TA貢獻1825條經驗 獲得超6個贊

你能不能使用 flex-direction: column.. 將類包裝在 css 中,例如:


.panel-body{

  display:flex

  flex-direction: column

}


查看完整回答
反對 回復 2022-07-29
?
守著一只汪

TA貢獻1872條經驗 獲得超4個贊

很簡單的修復。我從面板中刪除了該類,它將所有字段集中在一個列中。

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


查看完整回答
反對 回復 2022-07-29
  • 2 回答
  • 0 關注
  • 155 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號