モーダルを画面幅の 80% 程度にしたいのですが、modal-lg
大きさが足りません。これは:
.modal .modal-dialog {
width: 80%;
}
Bootstrap 4では動作しません。
ベストアンサー1
ブートストラップ3
以下の操作を行うことで、デフォルトのブートストラップを作成したり上書きしたりできますmodal-lg
。
.modal-lg {
max-width: 80%;
}
動作しない場合は、!important
以下のように追加してください。
.modal-lg {
max-width: 80% !important;
}
今すぐ を呼び出しますmodal-lg
。
<div class="modal-dialog modal-lg" role="document">
<!-- some modal content --->
</div
のためにブートストラップ4@kitsu.eb の回答を参照してください。また、bootstrap 4 ユーティリティを使用すると応答性が低下する可能性があることに注意してください。