第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

為什么我的每個(gè)個(gè)人資料都返回自己的行而不是 3 行?

為什么我的每個(gè)個(gè)人資料都返回自己的行而不是 3 行?

江戶(hù)川亂折騰 2022-11-29 16:55:58
所以,我有一個(gè)循環(huán)遍歷我的用戶(hù)配置文件并隨機(jī)顯示其中的一些。我應(yīng)該為每一行返回 3 個(gè)配置文件,但我讓每個(gè)配置文件都有自己的行。我在這里做錯(cuò)了什么>{% for profile in random_profiles %}  <div class="row">    <div class="col-md-4">      <div class="card mb-4 shadow-sm">        <img src="{{  profile.photo.url  }}"  width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false"  rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>        <div class="card-body">          <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>          <div class="d-flex justify-content-between align-items-center">            <div class="btn-group">              <button type="button" class="btn btn-sm btn-outline-secondary">View</button>              <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>            </div>            <small class="text-muted">9 mins</small>          </div>        </div>      </div>    </div>  </div></div>{% endfor %}
查看完整描述

1 回答

?
慕沐林林

TA貢獻(xiàn)2016條經(jīng)驗(yàn) 獲得超9個(gè)贊

您正在為每個(gè)配置文件創(chuàng)建一行。標(biāo)記在 for 循環(huán)內(nèi)。我想要么你必須使用 2 個(gè)循環(huán),一個(gè)用于配置文件,另一個(gè)用于每行中的配置文件數(shù)量,或者保持計(jì)數(shù),如果計(jì)數(shù)達(dá)到 4,則創(chuàng)建額外的行,然后重置計(jì)數(shù)。實(shí)現(xiàn)第二種方法的方法之一可以是 -


{% for profile in random_profiles %}

  {% if forloop.first or forloop.counter0 % 4 == 0 %} 

    <div class="row">

  {% endif %}

        <div class="col-md-4">

          <div class="card mb-4 shadow-sm">

            <img src="{{  profile.photo.url  }}"  width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false"  rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>

            <div class="card-body">

              <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>

              <div class="d-flex justify-content-between align-items-center">

                <div class="btn-group">

                  <button type="button" class="btn btn-sm btn-outline-secondary">View</button>

                  <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>

                </div>

                <small class="text-muted">9 mins</small>

              </div>

            </div>

          </div>

        </div>


      </div>

  {% if forloop.first or forloop.counter0 % 4 == 0 %} 

    </div>

  {% endif %}

{% endfor %}


查看完整回答
反對(duì) 回復(fù) 2022-11-29
  • 1 回答
  • 0 關(guān)注
  • 93 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)