Portlet上方的下拉菜单

问题描述

我在portlet的一行中有一个下拉菜单。

<div class="col-md-6">
  <p class="todo-red todo-inline">Gestionnaire : <span class="bold">Name</span></p>
</div>
<div class="col-md-5">
  <span class="bold caption-subject uppercase font-grey-mint">Inactif depuis : 26 J</span> 
</div>
<div class="col-md-1">
  <div class="btn-group">
    <a class="btn btn-sm btn-default todo-add-button" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true" aria-expanded="false"><i class="fas fa-volume-mute" aria-hidden="true"></i></a>
    <ul class="dropdown-menu">
      <li><a href="javascript:;"><i class="fa fa-pencil" aria-hidden="true"></i> 1 jour </a></li>
      <li><a href="javascript:;"><i class="fa fa-pencil" aria-hidden="true"></i> 3 jours </a></li>
      <li><a href="javascript:;"><i class="fa fa-pencil" aria-hidden="true"></i> 15 jours </a></li>
      <li><a href="javascript:;"><i class="fa fa-pencil" aria-hidden="true"></i> Définitif </a></li>
    </ul>
  </div>
</div>

看起来像这样： dropdown behind the portlet

下拉菜单位于portlet的后面，我需要将其置于portlet的上方。我试图用position：absolute对z-index进行索引，但没有任何效果。我在SO方面找不到任何好的帮助。您对我的问题有任何想法吗？

谢谢

编辑：请找到JSfiddle插图：https://jsfiddle.net/L5o0jh4k/

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html portlet twitter-bootstrap