آموزش استفاده از کارت هاCard در بوت استرپ ۴-قسمت14

آموزش کامپوننت 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: این ویژگی کارت ها را به صورت عمودی نمایش می‌دهد. دانلود از وبسایتwww.heilton.com