انواع محتوا
کارت‌ها از محتوای متنوعی از جمله تصاویر، متن، گروه‌های فهرست، پیوندها و موارد دیگر پشتیبانی می‌کنند.
سقوط - فروپاشی
چند نمونه متن کوتاه برای ساختن عنوان کارت و تشکیل بخش عمده ای از محتوای کارت.
فرم تماس
زیرنویس کارت پشتیبانی
تراز متن
می‌توانید به‌سرعت هم‌ترازی نوشتار هر کارتی را - در کل یا بخش‌های خاص آن - با کلاس‌های تراز متن ما تغییر دهید.
متن تراز چپ
سوفله کیک جو دوسر کیک کیک ژله آلو شکر. پودر پای تیرامیسو شیرین بیان شیرین‌بیان توتسی. شیرینی دونات\n
حلوای شیرینی مارزیپانی رولی.
برو یه جاییText Align Center
سوفله کیک جو دوسر کیک کیک ژله آلو شکر. پودر پای تیرامیسو شیرین بیان شیرین‌بیان توتسی. شیرینی دونات\n
حلوای شیرینی مارزیپانی رولی.
برو یه جاییتراز کردن متن به راست
سوفله کیک جو دوسر کیک کیک ژله آلو شکر. پودر پای تیرامیسو شیرین بیان شیرین‌بیان توتسی. شیرینی دونات\n
حلوای شیرینی مارزیپانی رولی.
برو یه جاییگروه ها
از گروه های کارت برای رندر کردن کارت ها به عنوان یک عنصر منفرد و متصل با ستون های عرض و ارتفاع یکسان استفاده کنید. display: table; and
table-layout: fixed; to achieve their uniform sizing. However, enabling flexbox mode can switch that to use
display: flex; and provide the same effect.
عنوان کارت
این کارت دارای متن پشتیبان در زیر به عنوان راهنما طبیعی برای محتوای اضافی است.
آخرین به روز رسانی 3 دقیقه قبل
عنوان کارت
این کارت دارای متن پشتیبان در زیر به عنوان راهنما طبیعی برای محتوای اضافی است.
آخرین به روز رسانی 3 دقیقه قبل
عنوان کارت
این کارت دارای متن پشتیبان در زیر به عنوان راهنما طبیعی برای محتوای اضافی است.
آخرین به روز رسانی 3 دقیقه قبل
عرشه ها
آیا به مجموعه ای از کارت های عرض و ارتفاع مساوی نیاز دارید که به یکدیگر متصل نباشند؟ .card-deck. We use table styles for the sizing and the gutters on
.card-deck.
عنوان کارت
این کارت دارای متن پشتیبان در زیر به عنوان راهنما طبیعی برای محتوای اضافی است.
آخرین به روز رسانی 3 دقیقه قبل
عنوان کارت
این کارت دارای متن پشتیبان در زیر به عنوان راهنما طبیعی برای محتوای اضافی است.
آخرین به روز رسانی 3 دقیقه قبل
عنوان کارت
این کارت دارای متن پشتیبان در زیر به عنوان راهنما طبیعی برای محتوای اضافی است.
آخرین به روز رسانی 3 دقیقه قبل
ستون ها
کارت‌ها را می‌توان در ستون‌های ماسونی‌مانند تنها با CSS با قرار دادن آنها در آن سازمان‌دهی کرد.card-columns. Only applies to small devices and above.
سر بالا! This is در IE9 موجود نیست and below as they have no support for the column-* CSS properties.
عنوان کارت
چند نمونه متن کوتاه برای ساختن عنوان کارت و تشکیل بخش عمده ای از محتوای کارت.
برو یه جایی
دقیقه برند
ماکارون سوفله براونی آب نبات تافی دونات.
دستگاه ذخیره سازی
945 مورد
بطری سرامیکی
456 مورد
درپوش تصویر پایین
رویه کیک پنیر ژله ای کنجدی.
کیک میوه ای کیک میوه ای ماکارونی شیرینی دونات صمغی تیرامیسو مافین تخته شکلاتی.
آخرین به روز رسانی 3 دقیقه قبل
ورود جدید
ماکارون سوفله براونی آب نبات تافی دونات.
انواع پس زمینه کارت
کارت‌ها شامل کلاس‌های مختلف خود برای تغییر سریع آنها هستندbackground-color and
border-color of a card.
رنگ های تیره نیاز به استفاده از
.text-white.
پس زمینه اطلاعات
استفاده کنیدbg-info class
کیک جو دوسر بستنی شیرینی کیک شکلاتی کیک شکلاتی کیک پنبه دراژه پای سیب.
پس زمینه خطر
استفاده کنیدbg-danger class
کیک جو دوسر بستنی شیرینی کیک شکلاتی کیک شکلاتی کیک پنبه دراژه پای سیب.
شیب افقی
استفاده کنید.bg-gradient-x-* class
کیک جو دوسر بستنی شیرینی کیک شکلاتی کیک شکلاتی کیک پنبه دراژه پای سیب.
گرادیان عمودی
استفاده کنید.bg-gradient-y-* class
کیک جو دوسر بستنی شیرینی کیک شکلاتی کیک شکلاتی کیک پنبه دراژه پای سیب.
انواع حاشیه کارت
کارت‌ها شامل کلاس‌های مختلف خود برای تغییر سریع آنها هستندborder-color of a card. Use
.bg-transparent to remove background color.
مرز اطلاعات
استفاده کنیدborder-info class
کیک جو دوسر بستنی شیرینی کیک شکلاتی کیک شکلاتی کیک پنبه دراژه پای سیب.
مرز خطر
استفاده کنیدborder-danger bg-transparent classes
کیک جو دوسر بستنی شیرینی کیک شکلاتی کیک شکلاتی کیک پنبه دراژه پای سیب.
مرز اولیه
استفاده کنیدborder-primary class
کیک جو دوسر بستنی شیرینی کیک شکلاتی کیک شکلاتی کیک پنبه دراژه پای سیب.
مرز هشدار
استفاده کنیدborder-warning bg-transparent class
کیک جو دوسر بستنی شیرینی کیک شکلاتی کیک شکلاتی کیک پنبه دراژه پای سیب.
