تایپوگرافی توضیحات عنوان صفحه در اینجا می رود...


هدینگ ها

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

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>

هدینگ ها

طراحی عناصر HTML5 درون خطی مشترک.

می توانید از برچسب مارک استفاده کنید highlight text.

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

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

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

این خط متن همانطور که مورد تاکید قرار می گیرد ارائه می شود

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

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

این خط بعنوان متن italicized شده است.

<p>می توانید از برچسب مارک استفاده کنید <mark>highlight</mark> text.</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><em>این خط بعنوان متن italicized شده است.</em></p>

اختصارات

اجرای روشمند HTML <abbr> عنصر اختصارات و کلمات اختصاری برای نشان دادن نسخه گسترده در شناور. مخففها دارای زیربنای پیش فرض هستند و از یک مکان نما کمک می گیرند تا زمینه اضافی در مورد شناور و برای کاربران فن آوری های کمکی فراهم کند. اضافه کردن .initialism به اختصار برای اندازه قلم کمی کوچکتر.

جذابیت

HTML

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

بلاک ها

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

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

یادداشتی در مورد عنوان منبع
<blockquote class="blockquote">
  <p class="mb-0">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم. متن ساختگی لازم می باشد.</p>
  <footer class="blockquote-footer">یادداشتی در مورد <cite title="عنوان منبع">عنوان منبع</cite></footer>
</blockquote>

لیست غیرمستقیم

پیش فرض را بردارید 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">Lorem ipsum</li>
  <li class="list-inline-item">Phasellus iaculis</li>
  <li class="list-inline-item">Nulla volutpat</li>
</ul>

لیست توضیحات

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

لیست توضیحات
لیست توضیحات برای تعریف شرایط مناسب است.
اویسمود

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

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

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
تودرتو
لیست تعریف تو در تو
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
<dl class="row">
  <dt class="col-sm-3">Description lists</dt>
  <dd class="col-sm-9">A description list is perfect for defining terms.</dd>
  <dt class="col-sm-3">Euismod</dt>
  <dd class="col-sm-9">
    <p>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</p>
    <p>Donec id elit non mi porta gravida at eget metus.</p>
  </dd>
  <dt class="col-sm-3 text-truncate">Truncated term is truncated</dt>
  <dd class="col-sm-9">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</dd>
  <dt class="col-sm-3">Nesting</dt>
  <dd class="col-sm-9">
    <dl class="row">
      <dt class="col-sm-4">Nested definition list</dt>
      <dd class="col-sm-8">Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.</dd>
    </dl>
  </dd>
</dl>