کارد

داشبورد
کامپوننت بوت استرپ
کارد

کارد

از کارد برای نمایش داده ها استفاده میشه.

عنوان کارت

محتوای مربوط به کارت.
فوتر کارت

Card Action Button

محتوای مربوط به کارت.

عنوان کارت

Some quick example text to build on the card title and make up the bulk of the card's content.

Card link Another link

Footer bg-whitesmoke

محتوای مربوط به کارت.
فوتر کارت

Card Variants

Basically, the Bootstrap card can be given a color variant.

هدر کارت

Card .card-primary

هدر کارت

Card .card-secondary

هدر کارت

Card .card-danger

هدر کارت

Card .card-warning

هدر کارت

Card .card-info

هدر کارت

Card .card-success

هدر کارت

Card .card-light

هدر کارت

Card .card-dark

Card Button & Input

Also, you can give a button or input on the card header.

هدر کارت

View All

Write something here

Button Group

Home Profile Setting

Write something here

Input Text

Write something here

هدر کارت

View All Delete All

Write something here

Dropdown Button

View All
Options
View Edit
Delete

Write something here

Input Button

Write something here

Functionality Card

You can provide functionality on the card.

Show/Hide

You can show or hide this card.
Card Footer

My Picture

View All
Click the picture below to see the magic!
image

Dismiss

You can dimiss this card.
Card Footer

لاگین

روی دکمه لاگین کلیک کنید تا کارت به حالت پراگرس تغییر کنه.

حساب کاربری نداری؟

کارتهای با قابلیت درگ دراپ

برای مرتب سازی کارتها میتونید آنها رو درگ دراپ کنید و بچینید.

هدر کارت

Card .card-primary

هدر کارت

Card .card-secondary

هدر کارت

Card .card-danger

هدر کارت

Card .card-warning