我有一个简单的bootstrap模式,我试图设置最小高度,但它不起作用。
这是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">×</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是&#34; adminManagerModal&#34;
这是css:
#adminManagerModal
{
min-height:500px;
}
我在这里发现了其他问题就像这样,我尝试过的任何东西似乎都没有用。任何关于我做错的想法都会非常感激
答案 0 :(得分:0)
答案 1 :(得分:0)
试试这个。
#adminManagerModal .modal-content
{
min-height:500px;
}