تایپوگرافی

پاراگراف اصلی

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

<p class="lead mb-0">
    <b>این یک پاراگراف اصلی است. از پاراگراف‌های معمولی متمایز است</b>. بسیاری از نسخه‌های متنی از لورم ایپسوم در دسترس هستند، اما بیشتر آنها تغییراتی در برخی فرم‌ها داشته‌اند، با شوخی‌های تزریق‌شده یا کلمات تصادفی که حتی به نظر نمی‌رسد قابل باور باشند. اگر قصد دارید از یک متن لورم ایپسوم استفاده کنید، باید مطمئن شوید که هیچ چیزی شرم‌آور در وسط متن مخفی نشده باشد.
</p>
عناصر متنی درون خطی

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

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

این خط متن به عنوان متنی که دیگر دقت ندارد در نظر گرفته می‌شود.

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

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

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

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

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

<p>شما می‌توانید از تگ <mark>برای هایلایت کردن</mark> متن استفاده کنید.</p>
    <p><del>این خط متن به عنوان متن حذف‌شده در نظر گرفته می‌شود.</del>
    </p>
    <p><s>این خط متن به عنوان متنی که دیگر دقت ندارد در نظر گرفته می‌شود.</s>
    </p>
    <p><ins>این خط متن به عنوان افزوده‌ای به سند در نظر گرفته می‌شود.</ins></p>
    <p><u>این خط متن به صورت زیرخط‌دار نمایش داده می‌شود.</u></p>
    <p><small>این خط متن به عنوان نوشته‌ی ریز در نظر گرفته می‌شود.</small>
    </p>
    <p><strong>این خط به صورت متن پررنگ نمایش داده می‌شود.</strong></p>
    <p class="mb-0"><em>این خط به صورت متن ایتالیک نمایش داده می‌شود.</em></p>
اندازه فونت‌ها

.fs-1 متن

.fs-2 متن

.fs-3 متن

.fs-4 متن

.fs-5 متن

.fs-6 متن

<p class="fs-1 mb-2">.fs-1 متن</p>
    <p class="fs-2 mb-2">.fs-2 متن</p>
    <p class="fs-3 mb-2">.fs-3 متن</p>
    <p class="fs-4 mb-2">.fs-4 متن</p>
    <p class="fs-5 mb-2">.fs-5 متن</p>
    <p class="fs-6 mb-0">.fs-6 متن</p>
تگ‌های عنوان H

h1. عنوان بوت استرپ

h2. عنوان بوت استرپ

h3. عنوان بوت استرپ

h4. عنوان بوت استرپ

h5. عنوان بوت استرپ
h6. عنوان بوت استرپ
<h1 class="mb-3">h1. عنوان بوت استرپ</h1>
    <h2 class="mb-3">h2. عنوان بوت استرپ</h2>
    <h3 class="mb-3">h3. عنوان بوت استرپ</h3>
    <h4 class="mb-3">h4. عنوان بوت استرپ</h4>
    <h5 class="mb-3">h5. عنوان بوت استرپ</h5>
    <h6 class="mb-0">h6. عنوان بوت استرپ</h6>
نام‌های کلاس عنوان

h1. عنوان بوت استرپ

h2. عنوان بوت استرپ

h3. عنوان بوت استرپ

h4. عنوان بوت استرپ

h5. عنوان بوت استرپ

h6. عنوان بوت استرپ

<p class="h1 mb-3">h1. عنوان بوت استرپ</p>
    <p class="h2 mb-3">h2. عنوان بوت استرپ</p>
    <p class="h3 mb-3">h3. عنوان بوت استرپ</p>
    <p class="h4 mb-3">h4. عنوان بوت استرپ</p>
    <p class="h5 mb-3">h5. عنوان بوت استرپ</p>
    <p class="h6 mb-0">h6. عنوان بوت استرپ</p>
نمایش عنوان‌ها

نمایش 1

نمایش 2

نمایش 3

نمایش 4

نمایش 5

نمایش 6

<h1 class="display-1">نمایش 1</h1>
    <h1 class="display-2">نمایش 2</h1>
    <h1 class="display-3">نمایش 3</h1>
    <h1 class="display-4">نمایش 4</h1>
    <h1 class="display-5">نمایش 5</h1>
    <h1 class="display-6">نمایش 6</h1>
شخصی‌سازی عنوان‌ها

عنوان نمایشی شیک با متن ثانویه کم رنگ 

<h3>
    عنوان نمایشی شیک
    <small class="text-muted">با متن ثانویه کم رنگ</small>
</h3>