تایپوگرافی

عنوان
همه عناوین اچ تی ام ال، <h1> تا <h6>، در دسترس هستند.

این یک عنوان 1 است.

این یک عنوان 2 است.

این یک عنوان 3 است.

این یک عنوان 4 است.

این یک عنوان 5 است.
این یک عنوان 6 است.

عنوان 1 زیرعنوان

عنوان 2 زیرعنوان

عنوان 3 زیرعنوان

عنوان 4 زیرعنوان

عنوان 5 زیرعنوان

عنوان 6 زیرعنوان

بسیار نازک (100)

عنوان 1

عنوان 2

عنوان 3

عنوان 4

عنوان 5
عنوان 6
نازک (300)

عنوان 1

عنوان 2

عنوان 3

عنوان 4

عنوان 5
عنوان 6
نرمال (400)

عنوان 1

عنوان 2

عنوان 3

عنوان 4

عنوان 5
عنوان 6
نرمال سبک (600)

عنوان 1

عنوان 2

عنوان 3

عنوان 4

عنوان 5
عنوان 6
بولد (700)

عنوان 1

عنوان 2

عنوان 3

عنوان 4

عنوان 5
عنوان 6
خیلی بولد (900)

عنوان 1

عنوان 2

عنوان 3

عنوان 4

عنوان 5
عنوان 6
عناوین
از کلاس های کاربردی گنجانده شده برای بازسازی متن عنوان ثانویه کوچک استفاده کنید.

عنوان نمایش فانتزی با متن ثانویه محو شده

نمایش عناوین
عناصر عنوان سنتی به گونه‌ای طراحی شده‌اند که بهترین عملکرد را در محتوای صفحه شما داشته باشند. هنگامی که به عنوانی برای متمایز شدن نیاز دارید، از نمایش عنوان استفاده کنید - یک سبک عنوان بزرگتر و کمی با نظر بیشتر.

نمایش 1

نمایش 2

نمایش 3

نمایش 4

رهبری
یک پاراگراف با افزودن کلاس .lead بسازید.

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

عناصر متن درون خطی
یک استایل طراحی برای عناصر رایج HTML5 درون خطی.

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

این خط متن به عنوان متن حذف شده تلقی می شود.

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

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

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

این خط از متن به عنوان چاپ ظریف در نظر گرفته شده است.

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

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

رنگ متن
می توانید با استفاده از کلاس *-txt رنگ متن بدهید

این متن اولیه است شما می توانید این کلاس را با اضافه کردن .txt-primary بایگانی کنید.

این متن ثانویه است شما می توانید با اضافه کردن کلاس .txt-secondary بایگانی کنید.

این متن موفقیت است شما می توانید این کلاس را با اضافه کردن .txt-success بایگانی کنید.

این متن اطلاعات است شما می توانید با افزودن کلاس .txt-info این را بایگانی کنید

این متن اخطار است شما می توانید با اضافه کردن کلاس .txt-warning بایگانی کنید.

این متن خطرناک است می‌توانید این کلاس را با اضافه کردن .txt-danger بایگانی کنید.

این متن تیره است شما می توانید این کلاس را با اضافه کردن .txt-dark بایگانی کنید.

این متن اولیه است شما می توانید این کلاس را با اضافه کردن .txt-primary بایگانی کنید.

لیست تایپوگرافی

لیست ترتیبی

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

لیست ترتیبی

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

لیست آیکون

  • لورم ایپسوم متن ساختگی نامفهوم
  • لورم ایپسوم متن ساختگی نامفهوم
  • لورم ایپسوم متن ساختگی نامفهوم
  • لورم ایپسوم متن ساختگی نامفهوم
  • لورم ایپسوم متن ساختگی نامفهوم
  • لورم ایپسوم متن ساختگی نامفهوم
  • لورم ایپسوم متن ساختگی نامفهوم
  • لورم ایپسوم متن ساختگی نامفهوم
  • لورم ایپسوم متن ساختگی نامفهوم
نقل قول
افزودن یک <footer class="blockquote-footer"> برای شناسیایی منبع. نام اثر منبع را در <cite> قرار دهید.

نام بردن از منبع

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

تراز وسط

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

تراز چپ

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