Twitter bootstrap 引导模式-自动高度

Twitter bootstrap 引导模式-自动高度,twitter-bootstrap,Twitter Bootstrap,我正在使用bootstap的模型插件。如您所见,一些下拉项位于底部栏下方 在这种情况下,如何设置模态的高度,使所有下拉项都可见,并摆脱滚动条 您只需添加一个具有z-index的类,作为具有高于模型框页脚的属性 要使z索引工作,还必须设置位置=相对、绝对或固定。此外,将z指数设置为5000可能会有所帮助。(模态的z指数可能高于2000 因此,在您的css中,我将添加以下内容: .class-of-dropdown { position: relative; z-index: 500

我正在使用bootstap的模型插件。如您所见,一些下拉项位于底部栏下方

在这种情况下,如何设置模态的高度,使所有下拉项都可见,并摆脱滚动条


您只需添加一个具有
z-index
的类,作为具有高于模型框页脚的属性

要使z索引工作,还必须设置位置=相对、绝对或固定。此外,将z指数设置为5000可能会有所帮助。(模态的z指数可能高于2000

因此,在您的css中,我将添加以下内容:

.class-of-dropdown {
    position: relative;
    z-index: 5000;
}
.modal主体类具有溢出-y:auto属性。您可能需要将其更改为:

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

您只需添加一个具有
z-index
作为属性的类,该属性的页脚高于模型框

要使z-index起作用,还必须设置位置=相对、绝对或固定。此外,将z-index设置为5000可能会有所帮助。(模式的z-index可能高于2000。)

因此,在您的css中,我将添加以下内容:

.class-of-dropdown {
    position: relative;
    z-index: 5000;
}
.modal主体类具有溢出-y:auto属性。您可能需要将其更改为:

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

只需添加这两条规则(
!important
仅因代码片段太多而出现在此处,您不需要它):

.modal{溢出:可见!重要;}
.modal正文{overflow-y:可见!重要;}

×
模态头
接近 保存更改
只需添加这两条规则(
!important
仅因代码片段太多而出现在此处,您不需要它):

.modal{溢出:可见!重要;}
.modal正文{overflow-y:可见!重要;}

×
模态头
接近 保存更改