Bootstrap面板組內部的下拉菜單不完全可見

Question

我正在嘗試使用可摺疊面板組的下拉菜單。如果我將其從.panel-group div中取出，下拉菜單正常工作。我使用的引導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