آموزش تخصصی کار با کامپوننت Card در بوت استرپ 4

آموزش کامپوننت Card در بوت استرپ 4:

در این بخش از آموزش، با کامپوننت Card و کلاس‌های آن آشنا می‌شوید.  Cardها در واقع جعبه‌هایی انعطاف پذیری هستند که می‌توانند هر نوع محتوایی مانند متن، عکس، دکمه و... را در خود نگهداری کنند.

کلاس‌های Card:

• card-img-top: برای مشخص کردن عکس card استفاده می‌شود.
• card-body: بدنه card را مشخص می‌کند. شامل: عنوان، متن و دکمه می‌باشد.
• card-title: عنوان card را مشخص می‌کند.
• card-subtitle: زیر عنوان را مشخص می‌کند.
• card-text: محتوای متنی card را مش خص می‌کند.
• card-header: برای تعیین هدر card استفاده می‌شود.
• card-footer: برای تعیین فوتر card استفاده می‌شود.
• card-img-overlay: با استفاده از این کلاس می‌توانیم یک عکس را پس زمینه card قرار دهیم.
• bg-*: برای تعیین رنگ پس زمینه card استفاده می‌شود.
• card-group: برای گروه بندی Card ها استفاده می‌شود.
• card-deck: مانند card-group می‌باشد، با این تفاوت که بین card ها فاصله ایجاد می‌کند.
• card-columns: این ویژگی  کارت ها را به صورت عمودی نمایش می‌دهد.

برای یادگیری این مبحث مثال‌ها و نکته‌های متعددی را در فایل ویدئویی آورده‌ایم که با تهیه این درس و مشاهده ویدئوها به طور کامل به این مبحث مسلط خواهید شد.

امیدواریم که این آموزش، برای شما دوستان درسمنی عزیز مفید باشد،درصورت سوال و یا مشکل می‌توانید به انجمن پرسش و پاسخ درسمن مراجعه کنید. پیشنهادات و انتقادات خود را در بخش نظرات برای ما ارسال کنید.

انجمن برنامه نویسان وب