在面板折叠内使用时，bootstrap 3下拉不可见

Question

当使用面板内的Split按钮下拉组件时，选项未显示，我尝试使用z-index但不能获得显示在面板边缘上方的选项。

以下是一个展示问题的傻瓜：http://plnkr.co/edit/3tLsR3?p=preview

我尝试设置溢出：可见;这里建议https://stackoverflow.com/a/11963047/1719181，但下拉列表仍未显示。

我可以申请其他一些css或javascript帮助吗？

Answer 1

为了将来参考，我遇到了这个问题并通过在.panel类而不是.collapse.in上应用溢出规则来解决它：

.panel-group .panel
{
  overflow: visible;
}

在这里工作：http://plnkr.co/edit/due3dHqQkeSDtkBqnfuW?p=preview

Answer 2

删除此div并且工作正常：

 <div class="panel-group" id="accordion" style="z-index: -1;">

Answer 3

我还没有找到答案，但我可以建议使用“dropup”直到找到修复程序。我已经弄乱了CSS和bootstrap源，并且什么都没有。