تایپوگرافی توضیح هدر در این قسمت قرار دارد...


عنوان

تمام عنوان های اچ تی ام ال <h1> تا <h6>,در دسترس هستند. .h1 تا .h6 کلاس ها نیز در دسترس هستند برای زمانی که شما می خواهید با یک ظاهر طراحی فونت یک عنوان را مطابقت دهید، اما نمی توانید از عنصر اچ تی ام ال مرتبط استفاده کنید. لطفا مستندات رسمی بوت استرپ برای لیست کامل گزینه ها بخوانید.

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

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

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

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

h5. عنوان بوت استرپ
h6. عنوان بوت استرپ
<!-- heading tag -->
<h1>h1. عنوان بوت استرپ</h1>
<h2>h2. عنوان بوت استرپ</h2>
<h3>h3. عنوان بوت استرپ</h3>
<h4>h4. عنوان بوت استرپ</h4>
<h5>h5. عنوان بوت استرپ</h5>
<h6>h6. عنوان بوت استرپ</h6>

<!-- heading class -->
<p class="h1">h1. عنوان بوت استرپ</p>
<p class="h2">h2. عنوان بوت استرپ</p>
<p class="h3">h3. عنوان بوت استرپ</p>
<p class="h4">h4. عنوان بوت استرپ</p>
<p class="h5">h5. عنوان بوت استرپ</p>
<p class="h6">h6. عنوان بوت استرپ</p>

نمایش عنوان

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

نمایش 1

نمایش 2

نمایش 3

نمایش 4

<h1 class="display-1">نمایش 1</h1>
<h1 class="display-2">نمایش 2</h1>
<h1 class="display-3">نمایش 3</h1>
<h1 class="display-4">نمایش 4</h1>

لید

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

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

<p class="lead">
  لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است</p>

عنوان

یک ظاهر طراحی شده برای عناصر معمول داخلی اچ تی ام ال 5.

شما می توانید تگ مارک را مانند رو به رو به برجسته متن بدهید

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

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

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

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

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

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

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

<p>You can use the mark tag to <mark>highlight</mark> text.</p>
<p><del>This line of text is meant to be treated as deleted text.</del></p>
<p><s>This line of text is meant to be treated as no longer accurate.</s></p>
<p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
<p><u>This line of text will render as underlined</u></p>
<p><small>This line of text is meant to be treated as fine print.</small></p>
<p><strong>This line rendered as bold text.</strong></p>
<p><em>This line rendered as italicized text.</em></p>

اختصار

پیاده سازی تلطیف شده از اچ تی ام ال <abbr> برای اختصار و برای نشان دادن نسخه گسترش یافته در لینک هاست.اختصار به طور پیش فرض تأکید شده است و یک مکان نما را برای ارائه زمینه های اضافی در لینک هاست .اضافه کردن .initialism به اختصار برای داشتن اندازه فونت کمی کوچکتر است.

اتربیوت

اچ تی ام ال

<p><abbr title="attribute">attr</abbr></p>
<p><abbr title="HyperText Markup Language" class="initialism">HTML</abbr></p>

نقل قول

برای نقل قول در بلوک های محتوا از منبع دیگری در سند شما از <blockquote class="blockquote"> در اطراف هر اچ تی ام ال می‌توانید استفاده کنید.

یک نقل قول شناخته شده، موجود در یک عنصر بلوک.

<figure>
  <blockquote class="blockquote">
    <p>یک نقل قول شناخته شده، موجود در یک عنصر بلوک.</p>
  </blockquote>
  <figcaption class="blockquote-footer">
    فردی معروف <cite title="منبع">منبع</cite>
  </figcaption>
</figure>

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

پیش فرض را حذف کنید list-style و حاشیه سمت چپ در آیتم های لیست (فقط فرزندان). این ویژگی فقط برای آیتم‌های فهرست فرزندان اعمال می‌شود، به این معنی که باید کلاس را برای لیست‌های تودرتو نیز اضافه کنید.

  • لورم ایپسوم متن ساختگی
  • با تولید سادگی نامفهوم
  • از صنعت چاپ و با استفاده از طراحان
    • چاپگرها و متون بلکه روزنامه
    • مجله در ستون و سطرآنچنان
  • برای شرایط فعلی تکنولوژی مورد نیاز
  • کاربردهای متنوع با هدف
  • بهبود ابزارهای کاربردی می باشد
<ul class="list-unstyled">
  <li>لورم ایپسوم متن ساختگی</li>
  <li>با تولید سادگی نامفهوم </li>
  <li>از صنعت چاپ و با استفاده از طراحان 
    <ul>
      <li> چاپگرها و متون بلکه روزنامه</li>
      <li>مجله در ستون و سطرآنچنان </li>
    </ul>
  </li>
  <li>برای شرایط فعلی تکنولوژی مورد نیاز </li>
  <li>کاربردهای متنوع با هدف</li>
  <li> بهبود ابزارهای کاربردی می باشد</li>
</ul>

لیست خطی

گلوله های یک لیست را حذف کنید و با ترکیبی از دو کلاس مقداری حاشیه سبک اعمال کنید. .list-inline و .list-inline-item.

  • لورم ایپسوم
  • متن ساختگی
  • تولید سادگی نامفهوم
<ul class="list-inline">
  <li class="list-inline-item">لورم ایپسوم</li>
  <li class="list-inline-item">متن ساختگی</li>
  <li class="list-inline-item"> تولید سادگی نامفهوم</li>
</ul>

فهرست توصیفی

با استفاده از کلاس‌های از پیش تعریف‌شده (یا ترکیب‌های معنایی) اصطلاحات و توضیحات را به صورت افقی تراز کنید. برای مدت طولانی‌تر، می‌توانید به صورت اختیاری یک کلاس .text-truncate اضافه کنید تا متن را با بیضی کوتاه کنید.

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

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

با استفاده از طراحان گرافیک است.

چاپگرها و متون بلکه روزنامه و مجله
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است
لانه زنی
فهرست تعریف نشده
اپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
<dl class="row">
  <dt class="col-sm-3">فهرست توصیفیs</dt>
  <dd class="col-sm-9">یک لیست توصیفی مناسب برای تعریف شرایط است.</dd>
  <dt class="col-sm-3">ایسیمود</dt>
  <dd class="col-sm-9">
    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
    <p> با استفاده از طراحان گرافیک است.</p>
  </dd>
  <dt class="col-sm-3 text-truncate"> چاپگرها و متون بلکه روزنامه و مجله </dt>
  <dd class="col-sm-9">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است</dd>
  <dt class="col-sm-3">لانه زنی</dt>
  <dd class="col-sm-9">
    <dl class="row">
      <dt class="col-sm-4">فهرست تعریف نشده</dt>
      <dd class="col-sm-8">اپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است </dd>
    </dl>
  </dd>
</dl>
رنگ قالب
کاور تم