<p class="h1">class="h1"：サンプル</p>
<p class="h2">class="h2"：サンプル</p>
<p class="h3">class="h3"：サンプル</p>
<p class="h4">class="h4"：サンプル</p>
<p class="h5">class="h5"：サンプル</p>
<p class="h6">class="h6"：サンプル</p>

<h1>タグ：サンプル</h1>
<h2>タグ：サンプル</h2>
<h3>タグ：サンプル</h3>
<h4>タグ：サンプル</h4>
<h5>タグ：サンプル</h5>
<h6>タグ：サンプル</h6>

<p class="display-1">display-1</p>
<p class="display-2">display-2</p>
<p class="display-3">display-3</p>
<p class="display-4">display-4</p>
<p>何も指定なし</p>

<span class="text-primary">text-primaryクラス</span><br>
<span class="text-secondary">text-secondaryクラス</span><br>
<span class="text-success">text-successクラス</span><br>
<span class="text-info">text-infoクラス</span><br>
<span class="text-warning">text-warningクラス</span><br>
<span class="text-danger">text-dangerクラス</span><br>
<span class="text-dark">text-darkクラス</span><br>
<span class="text-muted">text-mutedクラス</span><br>
<span class="text-light bg-dark">text-lightクラス</span><br>
<span class="text-white bg-dark">text-whiteクラス</span><br>

<span class="bg-primary">bg-primaryクラス</span><br>
<span class="bg-secondary">bg-secondaryクラス</span><br>
<span class="bg-success">bg-successクラス</span><br>
<span class="bg-info">bg-infoクラス</span><br>
<span class="bg-warning">bg-warningクラス</span><br>
<span class="bg-danger">bg-dangerクラス</span><br>
<span class="bg-dark">bg-darkクラス</span><br>
<span class="bg-light">bg-lightクラス</span><br>
<span class="bg-white">bg-whiteクラス</span><br>

<strong>strongタグ（クラスなし）強調</strong><br>
<b>bタグ（クラスなし）太字</b><br>
<span class="font-weight-bold">font-weight-boldクラス 太字</span><br>
<span class="font-weight-normal">font-weight-normalクラス 標準</span><br>
<span class="font-weight-light">font-weight-lightクラス 細字</span><br>
<em>emタグ（クラスなし）強調（斜体 ※ブラウザによる）</em><br>
<span class="font-italic">font-italicクラス 斜体</span><br>
<del>delタグ（クラスなし）</del><br>
<mark>markタグ　ハイライト</mark><br>
<span class="mark">markクラス（markタグと同様）</span><br>
<ins>insタグ（クラスなし）後から追加されたテキスト</ins><br>
<span>何も指定なし</span><br>
<small>smallタグ（font-sizeが80%になります）</small>
<p class="small">smallクラス（smallタグと同様）</p>
<p class="lead">leadクラス</p>

<p class="text-left">Left aligned text on all viewport sizes.</p>
<p class="text-center">Center aligned text on all viewport sizes.</p>
<p class="text-right">Right aligned text on all viewport sizes.</p>

<div class="alert alert-primary">
  A simple primary alert—check it out!
</div>
<divclass= "alert alert-secondary">
  A simple secondary alert—check it out!
</div>
<div class="alert alert-success">
  A simple success alert—check it out!
</div>
<div class="alert alert-danger">
  A simple danger alert—check it out!
</div>
<div class="alert alert-warning">
  A simple warning alert—check it out!
</div>
<div class="alert alert-info">
  A simple info alert—check it out!
</div>
<div class="alert alert-light">
  A simple light alert—check it out!
</div>
<div class="alert alert-dark">
  A simple dark alert—check it out!
</div>

<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>
<button type="button" class="btn btn-link">Link</button>

<a class="btn btn-primary" href="#" role="button">Link</a>
<button class="btn btn-primary" type="submit">Button</button>
<input class="btn btn-primary" type="button" value="Input">
<input class="btn btn-primary" type="submit" value="Submit">
<input class="btn btn-primary" type="reset" value="Reset">

<button type="button" class="btn btn-primary btn-lg">Large button</button>
<button type="button" class="btn btn-primary btn-sm">Small button</button>
<button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button>