آواتور

اندازه

User Image
User Image
User Image
User Image
User Image
User Image

آواتور یا وضعیت

User Image
User Image
User Image

شکل

User Image
User Image

گروه

User Image
User Image
User Image
سارا

پیام

بردکرامبز

دکمه ها

دکمه پیشفرض


اندازه دکمه ها


دکمه گروهی



دکمه گرد

از .btn-rounded به عنوان کلاس در .btn استفاده کنید.


از .btn-rounded به عنوان کلاس در .btn-outline-* استفاده کنید

دکمه دورخط دار

از .btn-outline-* برای دکمه ها استفاده کنید .

نرمال
فعال
غیرفعال

کارتها

Card Image
کارت یا تصویر و لینک

چند متن سریع به عنوان عنوان کارت ایجاد شده و قسمت عمده محتوای کارت را تشکیل می دهد.

لینک کارت لینک دیگر
Card Image
کارت با تصویر و دکمه

چند متن سریع به عنوان عنوان کارت ایجاد شده و قسمت عمده محتوای کارت را تشکیل می دهد.

رفتن به
Card Image
کارت همراه با تصویر و لیست
  • لورم ایپسوم متن
  • ساختگی با تولید سادگی
  • نامفهوم از صنعت
کارت با لینک

چند متن سریع به عنوان عنوان کارت ایجاد شده و قسمت عمده محتوای کارت را تشکیل می دهد.

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

چند متن سریع به عنوان عنوان کارت ایجاد شده و قسمت عمده محتوای کارت را تشکیل می دهد.

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

چند متن سریع به عنوان عنوان کارت ایجاد شده و قسمت عمده محتوای کارت را تشکیل می دهد.

کارت با تب

چند متن سریع به عنوان عنوان کارت ایجاد شده و قسمت عمده محتوای کارت را تشکیل می دهد.

رفتن به
کارت با تب

چند متن سریع به عنوان عنوان کارت ایجاد شده و قسمت عمده محتوای کارت را تشکیل می دهد.

رفتن به
کارت با تب

چند متن سریع به عنوان عنوان کارت ایجاد شده و قسمت عمده محتوای کارت را تشکیل می دهد.

رفتن به
کارت با قرص

چند متن سریع به عنوان عنوان کارت ایجاد شده و قسمت عمده محتوای کارت را تشکیل می دهد.

رفتن به
کارت با قرص

چند متن سریع به عنوان عنوان کارت ایجاد شده و قسمت عمده محتوای کارت را تشکیل می دهد.

رفتن به
کارت با قرص

چند متن سریع به عنوان عنوان کارت ایجاد شده و قسمت عمده محتوای کارت را تشکیل می دهد.

رفتن به

دراپ دوان

مودال ها

کامپوننت مودال

در زیر یک مثال حالت ثابت وجود دارد (به این معنی که موقعیت و نمایش آن لغو شده است). شامل سربرگ معین ، بدنه معین (برای بالشتک لازم است) و پاورقی معین (اختیاری). ما از شما می خواهیم که هر زمان که ممکن باشد ، سرصفحه های معین را رد کنید.

مودال پایه

متنوع بودن محتوای مدال

اندازه مودال

صفحه بندی

پیشرفت

نوار پیشرفت بزرگ

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

نوار پیشرفت متوسط

نوار پیشرفت کوچک

نوار پیشرفت خیلی کوچک

تب ها

تب پایه

محتوای تب 1
محتوای تب 2
محتوای تب 3

تب جاستفای

محتوای تب 1
محتوای تب 2
محتوای تب 3
محتوای تب 4

تب خط دار از بالا

محتوای تب 1
محتوای تب 2
محتوای تب 3

تب خط دار جاستیفای

محتوای تب 1
محتوای تب 2
محتوای تب 3

تب خط دار از پایین

محتوای تب 1
محتوای تب 2
محتوای تب 3

تب خط دار از پایین جاستیفای

محتوای تب 1
محتوای تب 2
محتوای تب 3

تب تک رنگ

محتوای تب 1
محتوای تب 2
محتوای تب 3

تب تک رنگ جاستیفای

محتوای تب 1
محتوای تب 2
محتوای تب 3

تب تک رنگ گرد

محتوای تب 1
محتوای تب 2
محتوای تب 3

تب گرد جاستیفای

محتوای تب 1
محتوای تب 2
محتوای تب 3

تایپوگرافی

سرتیتر

h1. تیتر بوتسرپ

h2. تیتر بوتسرپ

h3. تیتر بوتسرپ

h4. تیتر بوتسرپ

h5. تیتر بوتسرپ
h6. تیتر بوتسرپ

نقل قول

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

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

عنصر متنی

شما میتونین با استفاده از تگ هایلایت یک کلمه را برجسته کنید.

این خط متن به عنوان متن حذف شده در نظر گرفته شده است

این خط متن قرار است دیگر دقیق نباشد.

این خط متن به عنوان یک افزودنی به سند مورد بررسی قرار می گیرد.

این خط از متن به صورت زیر خط نشان داده می شود

این خط متن به معنای چاپ خوب است.

این خط به صورت متن پررنگ ارائه شده است.

این خط به صورت متن کج شده ارائه شده است.

این خط تک فضا است

لینک رنگی

.متن-اصلی

.متن-فرعی

.متن-موفقیت

.متن-خطر

.متن-اخطار

.متن-اطلاعات

.متن-روشن

.متن-تیره

.متن-میوت

.متن-سفید

لیست نقطه ای

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

لیست نقطه ای

  1. لورم ایپسوم متن ساختگی
  2. با تولید سادگی نامفهوم از
  3. صنعت چاپ و با استفاده از طراحان
  4. چاپگرها و متون بلکه روزنامه
  5. در ستون و سطرآنچنان که
    • شرایط فعلی تکنولوژی مورد نیاز
    • کاربردهای متنوع با هدف بهبود
    • ابزارهای کاربردی می باشد
    • کتابهای زیادی در شصت و سه درصد
  6. حال و آینده شناخت فراوان جامعه
  7. با نرم افزارها شناخت بیشتری را
  8. طراحان رایانه ای الخصوص

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

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