■ナビゲーションバー:navbar:コンポーネント:ナビゲ―ション項目の幅を調整 nav要素を使用したナビゲーション

    <nav class="nav nav-pills nav-fill">
    <a class="nav-item nav-link active" href="#">アクティブ</a>
    <a class="nav-item nav-link" href="#">リンク</a>
    <a class="nav-item nav-link disabled" href="#">無効</a>
  </nav>
■ナビゲーションバー:navbar:コンポーネント:ナビゲ―ション項目の幅を調整 nav-fillクラスを追加した時

    <ul class="nav nav-pills nav-fill">
    <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-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>