时间戳

首页 > 解决方案 > Visual Studio 或（可能）Razor 中不一致的 flex-grow-1 行为？

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

问题描述

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

标签： bootstrap-4visual-studio-2019blazorblazor-server-side

解决方案

I changed the h-100 to min-vh-100 and it works...despite that codeply frowns on the change.

推荐阅读