這最終只是一個盒子。但是由于它具有“for”循環，因此它應該有3個水平對齊的框。<div class="album py-5 bg-light"> <div class="container"> {% for hobby in hobbies.all %} <div class="row"> <div class="col-md-4"> <div class="card mb-4 shadow-sm"> <img class="card-img-top" src="{{ hobby.image.url }}"/> <div class="card-body"> <p class="card-text">{{ hobby.summary }}</p> </div> </div> </div> </div> {% endfor %} </div></div>我一直有這個：我該怎么辦？
1 回答
MM們
TA貢獻1886條經驗 獲得超2個贊
在這里，您可以使用解決方案
<div class="album py-5 bg-light">
<div class="container">
<div class="row">
{% for hobby in hobbies.all %}
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
<img class="card-img-top" src="{{ hobby.image.url }}" />
<div class="card-body">
<p class="card-text">{{ hobby.summary }}</p>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
你應該在圈子之外。class="row"
class="row"以表格格式創建行，這意味著循環中的每個項目將創建一行，然后在其中創建一列，即您在新行中看到每張卡片。
要水平獲取卡片，所有卡片都應放在一行內。
添加回答
舉報
0/150
提交
取消