Visual Studio 或（可能）Razor 中不一致的 flex-grow-1 行为？

Question

我在 codeply 中测试了以下样式，它的工作方式与 Bootstrap 记录的一样，但是当我将此代码移动到 Razor 组件 (Blazor) 时。 flex-grow-1 根本不起作用。

我打开了 bootstrap.min.css，它说它是 4.3.1，所以从技术上讲，我有我需要的一切。 Blazor 服务器是否覆盖了 Bootstrap 布局？

<div class="container-fluid p-0 d-flex flex-column h-100">
   <div class="navbar">
     <label class="navbar-brand">MAP</label>
   </div>
<div class="content flex-grow-1" style="background-color:yellow">
  hello
</div>

Answer 1

我将 h-100 更改为 min-vh-100 并且它可以工作...尽管 codeply 对更改不满意。