テキスト：text

  <p class="text-left">text-left</p>
  <p class="text-center">text-center</p>
  <p class="text-right">text-right</p>

  <p class="text-lowercase">Lowercased text.</p>
  <p class="text-uppercase">Uppercased text.</p>
  <p class="text-capitalize">CapiTaliZed text.</p>

  <p class="font-weight-bold">太字（font-italic）</p>
  <p class="font-weight-normal">通常（font-weight-normal）</p>
  <p class="font-weight-light">細字（font-weight-light）</p>
  <p class="font-italic">イタリック体（font-italic）</p>

  <p class="text-justify">Bootstrapで、文字を均等割付する。</p>

  <p class="text-monospace">monospace<br>日本語の場合</p>

  <p class="text-lowercase">text-Lowercase（すべて小文字）</p>
  <p class="text-uppercase">text-uppercase（すべて大文字）</p>
  <p class="text-capitalize">text-capitalize（最初の文字を大文字）</p>

  <p class="text-truncate w-25">２５文字以上は省略されます。２５文字以上は省略されます。２５文字以上は省略されます。２５文字以上は省略されます。</p>

  <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>

  <h3>h3（標準）</h3>
  <!-- 高さも変わる、h1よりさらに大きく -->
  <h3 class="display-1">h3.display-1</h3>
  <h3 class="display-2">h3.display-2</h3>
  <h3 class="display-3">h3.display-3</h3>
  <h3 class="display-4">h3.display-4</h3>

  <p>mark要素を使って、テキストを<mark>ハイライト表示</mark>させることができます。</p>
  <p>定義済みクラス「.mark」を使用して<span class="mark">ハイライト表示</span>させることもできます。</p>

  <p><small>「small要素」</small>を使って、テキストを細目・注釈を表すテキストとして小さなサイズで表示させることができます。</p>
  <p><span class="small">「smallクラス」</span>を使用してsmall要素とスタイルを一致させることもできます。</p>

  <p>bttb.jp/bootstrap5/index.php?strkey=strong" class="bg-warning text-dark">strong要素を使って、テキストを<bttb.jp/bootstrap5/index.php?strkey=strong" class="bg-warning text-dark">strong>重要なテキスト</bttb.jp/bootstrap5/index.php?strkey=strong" class="bg-warning text-dark">strong>として太字で表示させることができます。</p>
  <p>b要素を使ってテキストを<b>強調表示するテキスト</b>として太字で表示させることができます。</p>

  <p>del要素のデフォルトスタイルを使って、テキストを<del>削除されたテキスト</del>として取り消し線を表示させることができます。</p>

  <p>em要素のデフォルトスタイルを使って、テキストを<em>強調したいテキスト（Emphasis text）</em>としてイタリック体または斜体で表示させることができます。</p>

  <p>u要素のデフォルトスタイルを使って、テキストを<u>ラベル付けされたテキスト</u>として下線を表示させることができます。</p>

  <p class="lead">目立たせたい段落（p.lead）</p>
  <p>標準的な段落（p）</p>

  <p>s要素のデフォルトスタイルを使って、テキストを<s>無効なテキスト</s>として取り消し線を表示させることができます。</p>

  <p>ins要素のデフォルトスタイルを使って、テキストを<ins>後から挿入されたテキスト</ins>として下線を表示することができます。</p>

  <h4>主タイトル <small class="text-muted">キャプチャー　サブタイトル（text-muted）</small></h4>

  <pre><code>
    <p>サンプルテキスト</p>
    <p>2行目のサンプルテキスト</p>
  </code></pre>

  <div>
    インラインのコード表示部分を<code><code></code>タグで囲みます。
  </div>

  <div>
    ディレクトリを切り替えるには、
    <kbd>cd</kbd>と続けてディレクトリ名を入力します。設定を編集するには、
    <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>を押します。
  </div>

  <div>
    <samp>This text is meant to be treated as sample output from a computer program.</samp>
  </div>

  <div>
    <var>y</var> = <var>m</var><var>x</var> + <var>b</var>
  </div>

  <blockquote class="blockquote">
    <p class="mb-0">基本の引用文です。</p>
  </blockquote>

  <blockquote class="blockquote text-center">
    <p class="mb-0">基本の引用文です。</p>
    <footer class="blockquote-footer">文章の<cite title="引用元の名前">引用元</cite>が明示できます。</footer>
  </blockquote>

  <blockquote class="blockquote text-right">
    <p class="mb-0">基本の引用文です。</p>
    <footer class="blockquote-footer">文章の<cite title="引用元の名前">引用元</cite>が明示できます。</footer>
  </blockquote>

  <blockquote class="blockquote">
    <p class="mb-0">基本の引用文です。</p>
    <footer class="blockquote-footer">文章の<cite title="引用元の名前">引用元</cite>が明示できます。</footer>
  </blockquote>

  <!-- カーソルを合わせるとtitleの内容を表示される -->
  <p><abbr title="HyperText Markup Language">HTML</abbr></p>
  <p><abbr title="HyperText Markup Language" class="initialism">HTML</abbr></p>