[英]Dropdown menu inside Bootstrap panel group not completely visible
I am trying to get a dropdown menu to work with a collapsible panel group. 我正在尝试使用下拉菜单与可折叠面板组一起使用。 The dropdown works fine if I take it out of the
.panel-group
div. 如果我将它从
.panel-group
div中删除,则下拉列表工作正常。 I am using Bootstrap 3.0.3 我正在使用Bootstrap 3.0.3
Non-working js fiddle: http://jsfiddle.net/E2rqA/ 非工作js小提琴: http : //jsfiddle.net/E2rqA/
and this is how it should look: http://jsfiddle.net/ShCaf/ 它应该是这样的: http : //jsfiddle.net/ShCaf/
This is because of the following rule applied from bootstrap.css. 这是因为bootstrap.css应用了以下规则。
.panel-group .panel {
margin-bottom: 0;
overflow: hidden; /*This is the issue*/
border-radius: 4px;
}
You can override the overflow for your own panel. 您可以覆盖自己面板的溢出。 You can add the following rule to make it more specific to your panel.
您可以添加以下规则,使其更加特定于您的面板。
#sessionaccordion.panel-group .panel {
overflow: visible;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.