■ナビゲーション水平方向、均等:nav:コンポーネント:ナビゲーション:水平方向

    <ul class="nav">
    <li class="nav-item"><a class="nav-link active" href="#">アクティブ</a></li>
    <li class="nav-item"><a class="nav-link" href="#">リンク</a></li>
    <li class="nav-item"><a class="nav-link disabled" href="#">無効</a></li>
  </ul>
■ナビゲーション水平方向、均等:nav:コンポーネント:ナビゲーション:中央寄せ

    <ul class="nav justify-content-center"><!-- 中央寄せ -->
    <li class="nav-item"><a class="nav-link active" href="#">アクティブ</a></li>
    <li class="nav-item"><a class="nav-link" href="#">リンク</a></li>
    <li class="nav-item"><a class="nav-link disabled" href="#">無効</a></li>
  </ul>
■ナビゲーション水平方向、均等:nav:コンポーネント:ナビゲーション:右寄せ

    <ul class="nav justify-content-end">
    <li class="nav-item"><a class="nav-link active" href="#">アクティブ</a></li>
    <li class="nav-item"><a class="nav-link" href="#">リンク</a></li>
    <li class="nav-item"><a class="nav-link disabled" href="#">無効</a></li>
  </ul>
■ナビゲーション水平方向、均等:nav:コンポーネント:ナビゲーション:nav-justifiedクラスを追加した時

    <nav class="nav nav-pills nav-justified">
    <a class="nav-item nav-link active" href="#">リンク1</a>
    <a class="nav-item nav-link" href="#">リンク2</a>
    <a class="nav-item nav-link active" href="#">長いテキストリンク</a>
    <a class="nav-item nav-link" href="#">リンク3</a>
  </nav>
■ナビゲーション水平方向、均等:nav:コンポーネント:ナビゲーション:nav-fillクラスを追加した時

    <nav class="nav nav-pills nav-fill">
    <a class="nav-item nav-link active" href="#">リンク1</a>
    <a class="nav-item nav-link" href="#">リンク2</a>
    <a class="nav-item nav-link active" href="#">長いテキストリンク</a>
    <a class="nav-item nav-link" href="#">リンク3</a>
  </nav>
■ナビゲーション水平方向、均等:nav:コンポーネント:ナビゲーションを垂直(縦)に並べる:ul要素

    <ul class="nav flex-column">
    <li class="nav-item"><a class="nav-link active" href="#">アクティブ</a></li>
    <li class="nav-item"><a class="nav-link" href="#">リンク</a></li>
    <li class="nav-item"><a class="nav-link disabled" href="#">無効</a></li>
  </ul>
■ナビゲーション水平方向、均等:nav:コンポーネント:ナビゲーションを縦に並べる:nav要素、li使わないaのみ

    <nav class="nav flex-column">
    <a class="nav-link active" href="#">アクティブ</a>
    <a class="nav-link" href="#">リンク</a>
    <a class="nav-link disabled" href="#">無効</a>
  </nav>
■ナビゲーション水平方向、均等:nav:コンポーネント:コンポーネント:パンくずリスト TODO独自CSS直す必要あり

  <nav aria-label="breadcrumb" role="navigation">
    <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="#">ホーム</a></li>
      <li class="breadcrumb-item"><a href="#">ライブラリー</a></li>
      <li class="breadcrumb-item active" aria-current="page">データ</li>
    </ol>
  </nav>