Bootstrap 模态主体高度不变

Question

我正在尝试增加单个模态框的高度。

我已将高度属性添加到 div，如下所示：

    <div class="modal fade" id="RTWmodal" role="dialog" style="margin-top: 20px;">
    <div role="document" class="modal-dialog modal-lg" style='height:1000px;'>
    <div class="modal-content modal-tall" style='height:1000px;'>
    <div class="modal-body" style='height:1000px;'>

这会增加整体模态，但模态的主体仍保持在带有滚动条的设定高度？见下文：

我在这里没有做什么？

更新 - 完整模态代码

<div class="modal fade" id="RTWmodal" role="dialog" style="margin-top: 20px;">
<div role="document" class="modal-dialog modal-lg" style='height:1000px;'>
<div class="modal-content modal-tall" style='height:1000px;'>

<div class="modal-body" style='height:1000px;'>
<h4 id="myPanelModalLabel" class="modal-title">Right to work </h4>

<hr>   

    *CONTENT*



</div>
</div>
 </div>
</div>

Answer 1

创建新模式classmodal-tall

.modal-tall .modal-body 
{
 position: relative;
 min-height: 600px;
 padding: 15px;
}

这样使用：

 <div class="modal tall fade" id="RTWmodal" role="dialog" style="margin-top: 20px;">
    <div role="document" class="modal-dialog modal-lg">
    <div class="modal-content modal-tall" >

Answer 2

应该这样做

.modal-tall .modal-body 
{
 position: relative;
 min-height: 600px;
 padding: 15px;
}

Bootstrap 模态主体高度不变

Bootstrap modal body height not changing

html

css

modal-dialog

twitter-bootstrap

bootstrap-4