Bootstrap侧边栏高度调整求助：需将高度设为100%

你当前的侧边栏高度仅适配内容高度，是因为Bootstrap网格系统中，侧边栏的父容器（.col-md-2）未设置100%高度，导致子元素的height:100%无法基于父容器高度计算。按以下步骤修改即可：

1. 确保页面根容器（如.container或.container-fluid）和包含侧边栏的.row都设置100%高度，可直接添加Bootstrap内置类h-100。
2. 给侧边栏的父元素.col-md-2添加h-100类（或自定义CSS设置height:100%）。

修改后的HTML代码 #

<div class="col-md-2 h-100" 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>
</div>

补充CSS（若不用Bootstrap内置类） #

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

注：原HTML代码中<li>Site Ayarları后多了一个多余的反引号，已在修改后的代码中修正。

内容的提问来源于stack exchange，提问作者Selçuk