راکت

مشکل گرید در بوت استرپ

6 پاسخ

سلام 2تا تصویر زیر رو اول ببینید
توضیح تصویر رو وارد کنید
همون طور که میبینید 2 تا رکورد هست که در هر کدام 3 ستون وجود دارد
حالا میخوایم یکی از ستون های ردیف اول رو بزرگتر کنیم و درواقع محتواش بیشتر بشه
توضیح تصویر رو وارد کنید
مشکل دقیقا همین جاست که به خاطر یک ستون کل ردیف دوم اومد پائین تر
به جای اینکه فقط ستون شماره 5 در تصویر به پائین بیاد کل ردیف جا به جا شده
مشکل رو کی میتونه حل کنه؟ این مشکل حتی در flexbox هم هست.

ثبت پرسش جدید

پاسخ‌ها

6
میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

به این نوع از طرح ها میگن سازه بنایی (Masonry).
.
اینهارو بررسی کنید ببینید کدومش نیازتون رو برطرف می کنه:
https://getbootstrap.com/docs/4.5/components/card/#card-columns
https://masonry.desandro.com/extras.html#bootstrap
https://medium.com/@henrylepa/how-to-create-a-great-bootstrap-masonry-design-with-bootstrap-4-70551e6419d1

woz
woz
@wozniak

تخصص: fan of open source world

@amirmahdavinejad
برای اینکار کافی به جای استفاده از دو سطر از یک سطر استفاده کنید. یعنی همه ستون ها فقط در یک سطر باشه

شاید پاسخ شما همین‌جا باشد

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

@behzadd
نه این راه حل شما جواب نمیده. چیزی که گفته شدش رو برآورده نمیکنه.

woz
woz
@wozniak

تخصص: fan of open source world

@milad
دقیقا چه کاری میخواهید انجام بدید. شاید من متوجه نشدم

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

@behzadd
راستش منم مطمئن نیستم که درخواستشون رو متوجه شده باشم، ولی فکر می کنم منظورشون طرح های masonary هستش که راهش رو هم در بالا قرار دادم.

Abdollah
Abdollah
@abdollahsam

@amirmahdavinejad
سلام
شما باید سه تا ستون ایجاد کنید که هر کدومشون دوتا خط داشته باشن.
الان دوتا row دارید با سه col، باید سه تا col باشه با دو row.

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

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