四、使用下拉菜单依赖于第三方 Popper.js插件实现
.nav的class 可以使用在很多地方，所以你的标记可以非常灵活，比如使用在 <ul>列表，或者自定义一个 <nav>组件，因为 .nav 基于 display: flex定义，导航链接的行为与导航项目相同，不需要额外的标记。
使用通用样式定义 .nav元件，根据需要进行混合搭配、或自行建立
使用flexbox 通用布局属性更改导航的水平对齐方式，默认情况下，导航按左对齐，但你可以轻松将其改为居中对齐，或右对齐。
默认导航按左对齐，用.justify-content-center居中，用.justify-content-end居右
使用.flex-column 通用样式更改Flexa弹性项目的方向来设计导航，如在特定的viewport屏幕下需要堆叠，可使用响应式定义（如 .flex-sm-column样式）。
和往常一样，垂直导航也可以没有 ul选择器。
从上面了解的基本导航，并加入 .nav-tabs 以生成选项卡标签（滑动门，同时结合 tab JavaScript 插件来构建tabs滑动门。
.nav内容有两种扩展class属性， 使用.nav-fill会将 .nav-item按照比例分配空间。注意：这会占用所有的水平空间，但不是每个导航项目的宽度相同。
对于等宽元素，请使用.nav-justified。
不懂