گرید بندی درست صفحه برای حلقه for
با سلام.من طبق کدهای بوت استرپ اومدم صفحه م رو تقسیم بندی کردم .بعد اون ی حلقه for دارم که در واقع محتویات کامپوننت است یعنی یک بار به صفحه اضافه میشه و مادامی که اون حلقه اطلاعات برای نشون دادن داره (مثلا سه تا خبر متفاوت که باید در سه ستون مجزا نمایش داده بشن )می یاد همه اونا رو پشت سر هم نشون میده در واقع همه رو زیر مجموعه یک col می شناسه .چه جوری می تونم اونا رو مجزا کنم ؟یعنی بیاد هر بار اجرای حلقه رو در یک col یا ستون بذاره با توجه به اینکه کد فقط یک بار در قالب حلقه بهش تزریق بشه و قرار نباشه سه ستون مجزا بذاریم ؟
کد الان من
<div class="col-lg-4 col-md-6">
{% for item in items%}
content
{% endfor %}
</div>که در نمایش به این صورت شده اشتباها-یعنی هر سه خبر در یک ستون پشت سر هم
<div class="col-lg-4 col-md-6">
{% for item in items%}
content1
content2
content3
{% endfor %}
</div>
پاسخها
3
سلام.
به صورت زیر بنویسید.
{% for item in items%}
<div class="col-lg-4 col-md-6">
content
</div>
{% endfor %}موفق باشید.
اینجوری هم درست نشد.در نمایش می یاد برای هر بار اجرای حلقه یک ستون اختصاص میده زیرمجموعه ستون قبلی(در صورتی که باید سه تا ستون کنار هم نشون بده)
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
سلام به این صورت، اگر درست نشد ببینید که فایل های bootstrap اضافه شده اند و استایل ها اعمال میشوند
<div class="row">
{% for item in items%}
<div class="col-6 col-md-4">
{content}
</div>
{% endfor %}
</div>