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

Question

我正在尝试使用下拉菜单与可折叠面板组一起使用.如果我把它从.panel-groupdiv中取出,那么下拉列表工作正常.我正在使用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;
}

演示