如何在bootstrap主题中解决这个重叠的下拉菜单

Question

我已经下载了一个bootstrap主题并稍微调整一下。我在div的顶部添加了一个插入符号和一个下拉菜单，但是我的侧边栏覆盖了菜单下拉菜单。我想在它面前制作它，这是图像：

以下是我的下拉列表中的代码：

.custom-drop {
  position: relative;
  min-width: 105px;
  z-index: 5000;
}

.frontview {
  z-index: 5000;
  position: relative;
}

<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-circle text-success"></i> Online</a><span class="caret"></span>
<ul class="dropdown-menu custom-drop">
  <li class="frontview"><a href="#">Profile</a></li>
  <li class="frontview"><a href="#">Sign-out</a></li>
</ul>

Answer 1

我同意Immortal Dude的建议。如果它仍然不起作用，您也可以尝试将侧边栏z-index设置为-1。