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

这应该做到这一点

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

Answer 2

创建一个新的模态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" >