bootstrap3 modalのサイズの変更の仕方（縦幅を増やす）

Question

###前提・実現したいこと
いつもお世話になっております。
bootstrap3のmodalのサイズを変更したい。

modal-lg等は、横幅ですが、縦幅を変更したいのです。

参考になるホームページのURL等を教えていただけると助かります。

どうぞ、よろしくお願いします。

###該当のソースコード
CSS:

<style type="text/css">
.modal .large{
height: 1000px;
}
.modal .large .modal-body{
max-height:900px;/* - height - 100*/
}

SOURCE

<div class="modal fade" id="AddnewModal" tabindex="-1">
	<div class="modal-dialog large">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"><span>×</span></button>
				<h4 class="modal-title">新規登録</h4>
			</div>
			<div class="modal-body">
				<iframe src="aaa.php" class="col-xs-12" frameborder="0"></iframe>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">閉じる</button>
			</div>
		</div>
	</div>

###試したこと
他には、styleで指定してみたりました・・・

Answer 1

固定にしたいのであれば、min-heightを設定してみてはいかがでしょうか。
最小の縦幅を定義できます。

.modal .large .modal-body{
min-height:900px;/* - height - 100*/
}

Comments

[tsuru0508]

mukutaJapさま

ありがとうございました。
無事、modal自体のサイズは、大きくなりました。

ですが、中身（iframe)のサイズは変わらず、
<div class="modal-body">
　<iframe src="aaa.php" class="col-xs-12" frameborder="0" height="100%" width="100%"></iframe>
</div>

なんてやってみましたが、ダメでした。
modal-bodyにもheight="100%" width="100%"設定してみましたが、
やっぱりダメでした。

どなたか、ご教授願えませんでしょうか？

[mukkun]

styleを設定してみてはいかがでしょうか。
<iframe src="aaa.php" class="col-xs-12" frameborder="0" style="height: 100%; border:none;"></iframe>

[tsuru0508]

mukutaJapさま
返信ありがとうございました。
残念ながら、広がりませんでした。

bootstrapではなく、jqueryのモーダルかなんかで調べてみようと思います。
便利なんですけど、簡単ではないですね・・・

[tsuru0508]

mukutaJapさま

お世話になります。
<iframe src="m_corp_dept.php" class="col-xs-12" frameborder="0" height="400px">
ダイレクトで指定したら、動作しました。
どこかで弊害が出てしまうかもしれませんが、しばらくこれで様子をみたいと思います。

ご指導ありがとうございました。