Bootstrap 模态体高度不变答案

【问题标题】：Bootstrap modal body height not changingBootstrap 模态体高度不变
【发布时间】：2019-07-18 22:57:22
【问题描述】：

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

我在 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>

【问题讨论】：

请为您的代码创建一个代码 sn-p
能贴出所有相关的模态代码吗？
使用代码@XenioGracias 更新问题
使用代码@Zim 更新问题

标签： html css twitter-bootstrap bootstrap-4 modal-dialog

【解决方案1】：

应该这样做

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

【讨论】：

【解决方案2】：

新建模态类modal-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" >

【讨论】：