javascript - Bootstrap 下拉菜单被面板隐藏

Question

假设我的页面上有一个 Bootstrap 面板。有没有办法让下拉列表的内容在面板中完全可见。我遇到面板溢出切断部分下拉菜单的问题。我不希望面板根据其内容调整大小，而是按照您所期望的方式进行操作，例如:

<div class="panel panel-default">
    <select>
        <option>...</option>
        ...
    </select>
</div>

Bootstrap 样式下拉内容除外。有什么建议吗？

Answer 1

如果您的面板位于面板组内，您可以覆盖默认的溢出属性。在Bootstrap核心中存在这样的规则:

.panel-group .panel {
    overflow:hidden;
}

所以你应该覆盖它:

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