Bootstrap 4 h-100 not working

I need to fix Bootstrap h-100 class it is not working.

I have a sidebar in admin panel. And I try to make this sidebar height of 100%, but I could not solve my problem this way.

https://jsfiddle.net/irankhosravi/u96nykbx/1/

<html class="h-100">
<head>
    <title>Admin</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body class="h-100">
    <div class="row h-100">
    <div class="col-md-2 h-100 bg-success" id="sidebar"></div>
    <div class="col-md-10 bg-danger" style="height: 500px;"></div>
    </div>
</body>
</html>

Sergiu17

6 years ago

Level 60

Remove margin-top: 20px from row class

mozew

6 years ago

Level 6

I removed all css but it did not work

Please or to participate in this conversation.