Css 查看端口高度在引导中不起作用？

我正在尝试将“视图端口高度”设置为这两列，但由于某些未知原因，它无法正常工作，因为结果两列的高度相同，尽管不应该相同。供您参考，我在这里使用React引导。我不确定是我的错还是什么？无论如何，以下代码供您参考：

从“React”导入React；
从“react引导/容器”导入容器；
从“反应引导/行”导入行；
从“反应引导/Col”导入Col
const AdminPanel=（）=>{
const users=[{name:“Talha”}，{name:“Ali”}]；
返回(
{users.map（（用户）=>(
{user.name}
))}
列表
);
};
导出默认AdminPanel；

问题在于，

.vh-50

不是Bootstrap定义的东西-继续查看，搜索

.vh-50

，您的搜索将返回0个结果。

.vh-100

和

.min-vh-100

是样式表上定义的关于视口高度的唯一CSS在自定义样式表中定义

.vh-50

.vh-50 {
  height: 50vh;
}

---

谢谢。我试试看