■ナビゲーションバー: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>