内部模态的Bootstrap选择不能正确显示

时间:2014-12-09 14:27:59

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

Here is the fiddle。我已将Select框作为样本。它似乎无法在模态中显示。怎么能解决?

............................................ .......更新..................................... < / p>

要解决这个问题,我已经添加了这个CSS:

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

现在,选择选项正在显示,但似乎下拉占用了增加弹出窗口高度的真实空间。但是,如果下拉的高度,我希望下拉列表会越过弹出窗口。我该怎么做?

Updated Fiddle

1 个答案:

答案 0 :(得分:3)

请参阅更新的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