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

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

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

<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>

地图
你好

我把h-100改成了min-vh-100，它还能工作……尽管codeply不赞成这一改变