تنظیمات پیشفرض
بوتاسترپ ۵ از فونتهای پیشفرض سیستم استفاده میکند. سایز فونت پایه 16px و ارتفاع خط 1.5 است. همچنین پاراگرافها دارای margin-bottom: 1rem هستند.
عناوین (Headings)
تمامی عناوین HTML از <h1> تا <h6> در بوتاسترپ استایلدهی شدهاند.
<h1>h1 heading (2.5rem)</h1>
<h2>h2 heading (2rem)</h2>
<h3>h3 heading (1.75rem)</h3>
خروجی بصری عناوین:
h1 heading
h2 heading
h3 heading
عناوین نمایشی (Display Headings)
برای عناوینی که نیاز به برجستگی بیشتری دارند از کلاسهای .display-1 تا .display-6 استفاده میشود.
<h1 class=”display-1″>Display 1</h1>
<h1 class=”display-6″>Display 6</h1>
تگهای متنی خاص
استایلدهی به تگهای متنی استاندارد:
<p>Use <mark>highlight</mark> text.</p>
<p><del>Deleted text.</del></p>
<p><ins>Inserted text.</ins></p>
<p><small>Smaller text.</small></p>
خروجی بصری:
Use highlight text.
Deleted text.
Inserted text.
Smaller text.
نقلقول (Blockquotes)
برای نمایش نقلقولها از کلاس .blockquote استفاده میکنیم.
<blockquote class=”blockquote”>
<p>For 50 years, the WWF has been protecting the future of nature.</p>
<footer class=”blockquote-footer”>From WWF’s website</footer>
</blockquote>
