如何在引导程序 4 中使用 h-100

Question

I have a sidebar in admin panel.我在管理面板中有一个侧边栏。 And I try for this sidebar height be 100%, but I did not solve my problem.我尝试将此侧边栏高度设为 100%，但我没有解决我的问题。

<html class="h-100">
<head>
    <title>Admin</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body class="h-100">
    <div class="row h-100">
    <div class="col-md-2 h-100 bg-dark" id="sidebar"></div>
    <div class="col-md-10"></div>
    </div>
</body>
</html>

Answer 1

add this to your style sheet将此添加到您的样式表

#sidebar{
  height:100vh;
}

Full Code完整代码

<html>
<head>
    <title>Admin</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
    <div class="row">
    <div class="col-md-2 bg-dark" id="sidebar"></div>
    <div class="col-md-10"></div>
    </div>
</body>
</html>

如何在引导程序 4 中使用 h-100

问题描述

1 个解决方案

解决方案1
1 已采纳 2020-03-30 05:32:09

如何在引导程序 4 中使用 h-100

问题描述

1 个解决方案

解决方案1 1 已采纳 2020-03-30 05:32:09

解决方案1
1 已采纳 2020-03-30 05:32:09