چرا card‌ها کنار هم قرار نمی‌گیرند؟

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام. می‌خواستم بدونم چرا card‌ها در کد زیر، زیر هم قرار گرفته اند نه کنار هم دیگه.

https://codepen.io/Mohammad-Hasan-Habibi/pen/ExdrNJQ

سلام،

برای col‌ها از float استفاده کنید تا شناور شوند و بتونن در کنار هم قرار بگیرند و هر کدوم فضای باقیمانده صفحه رو اشغال نکنه:

[class^="col-"] {
  float: right;
  padding-left: 15px;
  padding-right: 15px;
}

بهترین پاسخ

محسن موحد ۰۵ خرداد ۱۴۰۲، ۱۸:۰۴