■ナビゲーションバー：navbar：コンポーネント：flexユーティリティを利用したレスポンシブなナビゲーション
<nav class="nav nav-pills flex-column flex-sm-row">
<a class="flex-sm-fill text-sm-center nav-link active" href="#">アクティブ</a>
<a class="flex-sm-fill text-sm-center nav-link" href="#">リンク</a>
<a class="flex-sm-fill text-sm-center nav-link disabled" href="#">無効</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>