Nav，导航组件 ..

一个导航可以是个无序列表 .. 在这个 ul 上面再添加一个 nav ..

导航里的每个项目可以用一个 li 元素，项目上面要添加一个 nav-item .. 在列表项目里面再添加一个链接 .. 链接上要加上 nav-link ... HTML ..

复制一份 ... 再添加一个 CSS ... 再复制一份 .. 再添加一个 JavaScript ...

现在你看到的就是一组导航 ..

把它变成一组垂直导航，可以在导航的包装上添加一个 flex-column

对齐

让这组导航水平居中 .. 可以在包装元素上添加一个 justify-content-center

让它靠右显示 .. 可以用一下 justify-content-end ..

Tab

我们还可以改变这组导航的显示 .. 在包装上添加一个 nav-tabs .. 然后在当前项目的链接的上面，再添加一个 active ... 这组导航现在变成了一组标签 ..

样式也可以是 nav-pills

Fill and justify

让这组导航占满整排 .. 在包装上再添加一个 nav-fill

也可以让每个项目的宽度都相等 .. 再试一下 nav-justified ..