Html 为什么是导航栏'；那么高吗？

为什么导航栏的高度超过1行？我只希望是一排

注意：这只是代码的一小部分，有人能告诉我为什么高度这么大，我可以根据建议修改吗？我不想太多地改变html结构

html，正文{
身高：100%；
}

A.
C

高度非常大，因为您在代码上添加了

h-100

，删除

h-100

显示元素的块大小删除

h-100

自

类=“行”

解释

当您将

h-100

设置为

row

时，平均

高度：100%

-

100%

将元素高度设置为父元素高度的100% 元素（在您的情况下为

容器流体

），而不是

自动

，取决于元素内部包含的内容

html，正文{
身高：100%；
}

A.
C

这是由于默认对齐方式是拉伸。当两个元素在同一行中时，它可以正常工作，但当有一个包裹时，您将有两行具有相同高度的线，每个元素将在内部拉伸，使您的第一个元素具有容器的一半高度：

为了避免这种情况，您可以考虑

align content-*-*

（）

我们将对齐设置为

flex start

，在

md

断点处更改为

stretch

：

html，正文{
身高：100%；
}

A.
C

h-100是添加到其父级的，您能详细解释一下吗？h-100是引导类，为元素提供100%的高度。我知道h-100是bs类，为什么添加到导航栏的父级会影响导航栏。我在这里添加了h-100，因为我希望容器具有全高。因为当您为容器提供100%高度时，容器的每个元素都与JSFIDLE中的100%相似，如果您为c元素提供

bg primary

，它也具有100%高度请告诉我更多解释感谢您的快速回答，您能否在下面的示例中帮助回答为什么h-100工作良好：