twitter-bootstrap-3 - 模态内的 Bootstrap 选择显示不正确

标签 twitter-bootstrap-3 bootstrap-modal bootstrap-select

Here is the fiddle .我放了一个 Select盒子作为 sample 。似乎它不能在模态内显示。怎么解决?

………………………………………………………………………………………………………………………………………………………… .更新......................................

为了解决这个问题,我添加了这个 CSS:

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
}

现在,Select-Option 正在显示,但下拉菜单似乎占用了实际空间,从而增加了弹出窗口的高度。但是,我希望 如果下拉框的高度太大,下拉框会越过弹出窗口 .我怎样才能做到?





Updated Fiddle

最佳答案

查看更新的 jsFiddle:http://jsfiddle.net/mijopabe/gj9axc18/5/您需要将此添加到您的 CSS:

.modal { overflow: visible; }
.modal-body { overflow-y: visible !important; }

我还冒昧地包含了来自 CDN 的插件对应的 CSS 文件:
//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.css

关于twitter-bootstrap-3 - 模态内的 Bootstrap 选择显示不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27381311/

相关文章:

css - 使用 Bootstrap 激活时如何更改按钮颜色?

html - 光标外的 iOS 11 Safari 引导模式文本区域

javascript - bootstrap-select 获取值和文本

jquery - 打开响应菜单时在 Bootstrap 3 站点中覆盖内容区域

jquery - 在表格中叠加行菜单

angularjs - 如何为 Angular js 应用程序添加 "datetime"选择器?

angular - 在 Angular 项目的 Bootstrap 中创建 Modal 对象的实例时, Bootstrap 下拉菜单不起作用

javascript - 无法使用 JavaScript 验证 Bootstrap Modal 中的表单

javascript - bootstrap-select javascript实例化不创建对象

css - Bootstrap-在表单中选择宽度