عناصر UI

پالت رنگ

رنگ های قالب

ابتدایی

#007bff
غیر فعال

ثانویه

#6c757d
غیر فعال

اطلاعات

#17a2b8
غیر فعال

موفق

#28a745
غیر فعال

هشدار

#ffc107
غیر فعال

خطرناک

#dc3545
غیر فعال
تفاوت های ظریف سیاه/سفید

سیاه

#000000
غیر فعال

خاکستری تیره

#343a40
غیر فعال

خاکستری

#adb5bd
غیر فعال

روشن

#1f2d3d
غیر فعال
رنگ ها

نیلی

#6610f2
غیر فعال

آبی روشن

#3c8dbc
غیر فعال

آبی پر رنگ

#001f3f
غیر فعال

بنفش

#605ca8
غیر فعال

صورتی پر رنگ

#f012be
غیر فعال

صورتی

#e83e8c
غیر فعال

شاه بلوطی

#d81b60
غیر فعال

پرتقالی

#ff851b
غیر فعال

لیمویی

#01ff70
غیر فعال

آبی رنگ

#39cccc
غیر فعال

زیتونی

#3d9970
غیر فعال
هشدار ها و پیام ها

هشدار ها

هشدار!
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
هشدار!
پیشنمایش آلرت اطلاعات. این هشدار غیر قابل بسته شدن است.
هشدار!
پیشنمایش آلرت هشدار. این هشدار غیر قابل بسته شدن است.
هشدار!
پیشنمایش آلرت موفق. این هشدار غیر قابل بسته شدن است.

فراخوان ها

من یک فراخوان خطر هستم!

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.

من یک فراخوان اطلاعات هستم!

گام به گام دنبال کنید تا پرداخت را تکمیل نمایید.

من یک فراخوان هشدار هستم!

این یک فراخوان زرد هستش.

من یک فراخوان موفق هستم!

این یک فراخوان سبز هستش.

تب ها در کارت
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
نوار پیشرفت

نوار پیشرفت در ابعاد مختلف

.progress

40% کامل شده (موفق)

.progress-sm

20% کامل شده

.progress-xs

60% کامل شده (هشدار)

.progress-xxs

60% کامل شده (هشدار)

نوار پیشرفت

40% کامل شده (موفق)
20% کامل شده
60% کامل شده (هشدار)
80% کامل شده

نوار پیشرفت عمودی در ابعاد مختلف

با افزودن کلاس .vertical و .progress-sm, .progress-xs یا .progress-xxs :

40%
100%
60%
60%

نوار پیشرفت افقی

با افزودن کلاس .vertical

40%
20%
60%
80%
بوت استرپ آکاردئون و چرخشی

منوی بسته شونده

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.

اسلایدر چرخشی

تایپوگرافی

عنوان ها

h1. عنوان

h2. عنوان

h3. عنوان

h4. عنوان

h5. عنوان
h6. عنوان

متن

لورم ایپسوم متن ساختگی با تولید سادگی

لورم ایپسوم متن ساختگی با تولید سادگی

لورم ایپسوم متن ساختگی با تولید سادگی

لورم ایپسوم متن ساختگی با تولید سادگی

لورم ایپسوم متن ساختگی با تولید سادگی

لورم ایپسوم متن ساختگی با تولید سادگی

لورم ایپسوم متن ساختگی با تولید سادگی

بلاک نقل قول ابتدایی

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ

لورم ایپسوم متن ساختگی عنوان منبع

بلاک نقل قول ثانویه

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ

لورم ایپسوم متن ساختگی عنوان منبع

لیست مرتب نشده

  • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
    • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
    • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
    • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
    • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم

لیست مرتب

  1. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  2. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  3. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  4. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  5. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
    1. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
    2. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
    3. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
    4. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  6. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  7. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  8. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم

لیست بدون استایل

  • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
    • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
    • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
    • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
    • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
  • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم

توضیحات

لیست توضیحات
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
توضیحات
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
توضیحات
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم

توضیحات

توضیحات
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
توضیحات
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
توضیحات
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم