Bootstrap面板组内的下拉菜单不完全可见

Question

我正在尝试使用下拉菜单来处理可折叠的面板组。如果我从.panel-group div中取出它，则下拉列表工作正常。我正在使用Bootstrap 3.0.3

非工作js小提琴： http://jsfiddle.net/E2rqA/

这应该是这样的： http://jsfiddle.net/ShCaf/

Answer 1

这是因为bootstrap.css应用了以下规则。

.panel-group .panel {
   margin-bottom: 0;
   overflow: hidden; /*This is the issue*/
   border-radius: 4px;
}

您可以覆盖自己面板的溢出。您可以添加以下规则，使其更加具体到您的面板。

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

<强> Demo