【问题标题】:Bootstrap select inside modal don't show properly模式内的引导选择无法正确显示
【发布时间】:2015-02-07 11:38:14
【问题描述】:

Here is the fiddle。我放了一个Select 盒子作为样本。它似乎无法在模态中显示。怎么解决?

.................................................. .......更新......................................

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

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

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

Updated Fiddle

【问题讨论】:

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


    【解决方案1】:

    查看更新的 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
    

    【讨论】:

    猜你喜欢
    • 2015-12-20
    • 1970-01-01
    • 1970-01-01
    • 2021-12-23
    • 1970-01-01
    • 2018-11-07
    • 2021-03-15
    • 2023-04-09
    相关资源
    最近更新 更多