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

【问题标题】：Dropdown menu inside Bootstrap panel group not completely visibleBootstrap 面板组中的下拉菜单不完全可见
【发布时间】：2013-12-10 19:29:09
【问题描述】：

我正在尝试让下拉菜单与可折叠面板组一起使用。如果我将它从.panel-group div 中取出，下拉菜单就可以正常工作。我正在使用 Bootstrap 3.0.3

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

【问题讨论】：

【解决方案1】：

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

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

您可以为自己的面板覆盖溢出。您可以添加以下规则，使其更适合您的面板。

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

【讨论】：