我正在使用Bootstrap。侧边栏行高等于。我不希望这样

html, body {
  height           : 100%;
  overflow-x       : hidden;
  background-color : #F6F8FC;
  }
.sidebar {
  display          : flex;
  flex-direction   : column;
  height           : 100%;
  background-color : #171829;
  box-shadow       : 0 0 21px 0 rgb(89 102 122 / 10%);
  }

<div class="col-md-2" style="padding: 0;"> 
  <div class="sidebar">
    <div class="logo">
      <span>Admin Panel</span>
    </div>
    <div class="category">
      <ul>
        <li>Gösterge Paneli</li>
        <li>Yazılar</li>
        <li>Sayfalar</li>
        <li>Kategoriler</li>
        <li>Kullanıcılar</li>
        <li>Site Ayarları`</li>
      </ul>
    </div>  
  </div>

我想把边栏的高度设为100%。