Html Flex与bootstrap的对齐

我正在尝试将徽标和导航链接与引导对齐。如图中的红色边框。使用“对齐项目：居中于父容器”，但不起作用

*{
填充：0；
保证金：0；
框大小：边框框；
}
//父容器
navbar先生{
高度：20vh；
显示器：flex；
证明内容：中心；
对齐项目：居中；//使用“对齐项目：居中”将其子项居中
边框：1px纯黑；
}
.导航链接{
高度：15vh；
边框：1px实心rgb（201,6,6）；
显示器：flex；
证明内容：之间的空间；
}
.标志{
高度：15vh；
边框：1px实心rgb（201,6,6）；
}

导航





导航链接中有一个边距，所以你应该给它
边距底部：0
，所以我添加了类
mb-0
。我已经更正了你的代码。看一看


*{
填充：0；
保证金：0；
框大小：边框框；
}
//父容器
navbar先生{
高度：20vh；
显示器：flex；
证明内容：中心；
对齐项目：居中；//使用“对齐项目：居中”将其子项居中
边框：1px纯黑；
}
.导航链接{
高度：自动；
边框：1px实心rgb（201,6,6）；
显示器：flex；
证明内容：之间的空间；
列表样式：无；
}
.nav链接李a{
填充：10px0；
显示：内联块；
}
.标志{
高度：自动；
边框：1px实心rgb（201,6,6）；
填充：4px0；
}

导航





导航链接中有一个边距，所以你应该给它
边距底部：0
，所以我添加了类
mb-0
。我已经更正了你的代码。看一看


*{
填充：0；
保证金：0；
框大小：边框框；
}
//父容器
navbar先生{
高度：20vh；
显示器：flex；
证明内容：中心；
对齐项目：居中；//使用“对齐项目：居中”将其子项居中
边框：1px纯黑；
}
.导航链接{
高度：自动；
边框：1px实心rgb（201,6,6）；
显示器：flex；
证明内容：之间的空间；
列表样式：无；
}
.nav链接李a{
填充：10px0；
显示：内联块；
}
.标志{
高度：自动；
边框：1px实心rgb（201,6,6）；
填充：4px0；
}

导航





从
.navbar
和
.nav links
中删除高度后，项目对齐


*{
填充：0；
保证金：0；
框大小：边框框；
}
//父容器
navbar先生{
高度：20vh；
显示器：flex；
证明内容：中心；
对齐项目：居中；
边框：1px纯黑；
}
.导航链接{
边框：1px实心rgb（201,6,6）；
显示器：flex；
证明内容：之间的空间；
}
.标志{
边框：1px实心rgb（201,6,6）；
}

导航





从
.navbar
和
.nav links
中删除高度后，项目对齐


*{
填充：0；
保证金：0；
框大小：边框框；
}
//父容器
navbar先生{
高度：20vh；
显示器：flex；
证明内容：中心；
对齐项目：居中；
边框：1px纯黑；
}
.导航链接{
边框：1px实心rgb（201,6,6）；
显示器：flex；
证明内容：之间的空间；
}
.标志{
边框：1px实心rgb（201,6,6）；
}

导航





什么版本的引导？引导程序4？引导程序版本4.6检查我的答案。如果你找到了解决方案，请给我+1票。ThnxBootstrap的哪个版本？引导程序4？引导程序版本4.6检查我的答案。如果你找到了解决方案，请给我+1票。Thnx