کارت ها
پایه ای
کارت is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.
کارتها از محتوای متنوعی از جمله تصاویر، متن، گروههای فهرست، پیوندها و موارد دیگر پشتیبانی میکنند.
گروه لیست
چندین نوع محتوا را با هم ترکیب کرده و مطابقت دهید تا کارت مورد نیاز خود را ایجاد کنید، یا همه چیز را در آنجا بیندازید.
جهت یابی
با اضافه کردن مقداری پیمایش به سربرگ (یا بلوک) کارتnav.
افقی
با استفاده از ترکیبی از کلاسهای شبکه و ابزار، کارتها را میتوان به صورت افقی به روشی سازگار با موبایل و پاسخگو ساخت. .g-0
and use .col-md-*
classes to make the card horizontal at the md
breakpoint. Further adjustments may be needed depending on your card content.
عنوان کارت
این یک کارت گسترده تر با متن پشتیبانی در زیر به عنوان یک راهنما طبیعی به محتوای اضافی است.
آخرین به روز رسانی 3 دقیقه قبل
تصویر
.card-img-top
places an image to the top of the card. With .card-text
, text can be added to the card. Text within .card-text
can also be styled with the standard HTML tags.
همانند سرصفحهها و پاورقیها، کارتها میتوانند شامل «کلاههای تصویر» بالا و پایین باشند—تصاویر در بالا یا پایین کارت.
عنوان کارت
این یک کارت گسترده تر با متن پشتیبانی در زیر به عنوان یک راهنما طبیعی به محتوای اضافی است.
آخرین به روز رسانی 3 دقیقه قبل
عنوان کارت
این یک کارت گسترده تر با متن پشتیبانی در زیر به عنوان یک راهنما طبیعی به محتوای اضافی است.
آخرین به روز رسانی 3 دقیقه قبل
یک تصویر را به پسزمینه کارت تبدیل کنید و روی متن کارت خود قرار دهید.
سربرگ و پاورقی
یک سرصفحه و/یا پاورقی اختیاری در کارت اضافه کنید.
سرتیتر
سرتیتر
سرتیتر
هم ترازی
میتوانید به سرعت همترازی نوشتاری هر کارت را - در کل یا بخشهای خاص آن - با کارت ما تغییر دهیدtext align classes.
گروه های کارت
از گروه های کارت برای رندر کردن کارت ها به عنوان یک عنصر منفرد و متصل با ستون های عرض و ارتفاع یکسان استفاده کنید. display: flex;
to become attached with uniform dimensions starting at the sm
breakpoint.
عنوان کارت
این یک کارت گسترده تر با متن پشتیبانی در زیر به عنوان یک راهنما طبیعی به محتوای اضافی است.
عنوان کارت
این کارت دارای متن پشتیبان در زیر به عنوان راهنما طبیعی برای محتوای اضافی است.
عنوان کارت
این یک کارت گسترده تر با متن پشتیبانی در زیر به عنوان یک راهنما طبیعی به محتوای اضافی است.
شبکه کارت
از سیستم شبکه بوت استرپ و آن استفاده کنید.row-cols
classes to control how many grid columns (wrapped around your cards) you show per row. For example, here’s .row-cols-1
laying out the cards on one column, and .row-cols-md-2
splitting four cards to equal width across multiple rows, from the medium breakpoint up.
عنوان کارت
این یک کارت طولانیتر با متن پشتیبانی در زیر بهعنوان یک راهنما طبیعی برای محتوای اضافی است.
آخرین به روز رسانی 3 دقیقه قبل
عنوان کارت
این کارت دارای متن پشتیبان در زیر به عنوان راهنما طبیعی برای محتوای اضافی است.
آخرین به روز رسانی 3 دقیقه قبل
عنوان کارت
این یک کارت گسترده تر با متن پشتیبانی در زیر به عنوان یک راهنما طبیعی به محتوای اضافی است.
آخرین به روز رسانی 3 دقیقه قبل