amir jafari
2 سال پیش توسط amir jafari مطرح شد
2 پاسخ

ایجاد لیست محصولات به صورت ریسپانسیو

سلام وقت بخیر قصد داشتم یک صفحه نمایانگر لیست محصولات وب سایت به صورت ریسپانسیو طراحی کنم
مانند beatkhor.com
واکنشگرا باشند برای مثال
در عرض تمام صفحه
4 عدد پست ,
960pxسه عدد
,520px دو عدد
مشکلی که هست وقتی از کلاس کانتینر استفاده میکنم, به 540px میرسد 1پست نمایش داده میشه درحالی که من میخواهم دو پست نمایش داده بشه در اخرین مقدار.
اگر میشه کمکم کنید


ثبت پرسش جدید
سینا شاه‌اویسی
تخصص : برنامه نویس فرانت اند
@sinashahoveisi 2 سال پیش آپدیت شد
0

سلام برای اینکار باید بخش Grid system بوت استرپ رو مطالعه کنید که مثل کد زیر میشود.

<div class="row">
  <div class="col-12 col-md-6 col-lg-4 col-xl-3">.col-6 .col-md-4</div>
  <div class="col-12 col-md-6 col-lg-4 col-xl-3">.col-6 .col-md-4</div>
  <div class="col-12 col-md-6 col-lg-4 col-xl-3">.col-6 .col-md-4</div>
  <div class="col-12 col-md-6 col-lg-4 col-xl-3">.col-6 .col-md-4</div>
</div>

amir jafari
@sharkbeat 2 سال پیش مطرح شد
0

از شما ممنونم مشکلم حل شد


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام