twitter-bootstrap-3 – 内部模态中的Bootstrap选择无法正确显示

发布时间：2020-12-17 21:25:55 所属栏目：安全来源：网络整理

导读：Here is the fiddle.我把Select框作为样本.它似乎无法在模态中显示.怎么解决？ ………………………………………….. .Update ………………………………. 为了解决这个问题,我添加了这个CSS： .bootstrap-select.btn-group .dropdown-menu.inner { position:

Here is the fiddle.我把Select框作为样本.它似乎无法在模态中显示.怎么解决？

………………………………………….. .Update ……………………………….

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

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

现在,选择选项正在显示,但似乎下拉占用了增加弹出窗口高度的真实空间.但是,如果下拉的高度很大,我预计下拉将会越过弹出窗口.我该怎么做？

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!