Bootstrap 4 จัดรูปแบบข้อความและตัวอักษร

<div class="container">
  <h1>h1 Bootstrap heading (2.5rem = 40px)</h1>
  <h2>h2 Bootstrap heading (2rem = 32px)</h2>
  <h3>h3 Bootstrap heading (1.75rem = 28px)</h3>
  <h4>h4 Bootstrap heading (1.5rem = 24px)</h4>
  <h5>h5 Bootstrap heading (1.25rem = 20px)</h5>
  <h6>h6 Bootstrap heading (1rem = 16px)</h6>
</div>

<div class="container">
  <h1 class="display-1">Display 1</h1>
  <h1 class="display-2">Display 2</h1>
  <h1 class="display-3">Display 3</h1>
  <h1 class="display-4">Display 4</h1>
</div>

<div class="container">      
    <h1>h1 heading <small>secondary text</small></h1>
    <h2>h2 heading <small>secondary text</small></h2>
    <h3>h3 heading <small>secondary text</small></h3>
    <h4>h4 heading <small>secondary text</small></h4>
    <h5>h5 heading <small>secondary text</small></h5>
    <h6>h6 heading <small>secondary text</small></h6>
</div>

<div class="container">
    <h1>การเน้นข้อความ</h1>    
    <p>เราสามารถเน้นข้อความด้วยแท็ก <mark>mark</mark> ซึ่งจะมีพื้นหลังเป็นสีเหลือง</p>
</div>

<div class="container">  
    <p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
</div>