Bootstrap模态分钟高度不工作

Question

我有一个简单的引导模式，我试图设置最小高度，它不工作。

下面是HTML：

<div class="modal fade" id="adminManagerModal" role="dialog"> 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal">&times;</button> 
        <h4 class="modal-title">Admin Manager</h4> 
       </div> 
       <ul class="nav nav-tabs"> 
        <li class="active"><a data-toggle="tab" href="#managePlayers">Manage Players</a></li> 
        <li><a data-toggle="tab" href="#manageTournaments">Manage Tournaments</a></li> 
       </ul> 
       <div class="tab-content"> 
        <div id="managePlayers" class="tab-pane fade in active"> 
         <button id="btnAddPlayer" class="btn btn-primary btn-sm" type="button">Add Player</button> 
        </div> 
        <div id="manageTournaments" class="tab-pane fade"> 
         <form> 
          <label class="radio-inline"><input id="optUSCF" type="radio" name="optPlayerType" checked>USCF</label> 
          <label class="radio-inline"><input id="optFIDE" type="radio" name="optPlayerType">FIDE</label> 
         </form> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 

注模态的ID是 “adminManagerModal”

这里是CSS：

#adminManagerModal 
{ 
    min-height:500px; 
} 

我发现在这里的其他问题，只是像这样，没有我已经尝试似乎工作。什么我做错了任何想法，将不胜感激

Answer 1

试试这个：

#adminManagerModal .modal-content 
{ 
    min-height:500px; 
} 

演示modal

Answer 2

试试这个。

#adminManagerModal .modal-content 
{ 
    min-height:500px; 
}