Bootstrapのモーダルはボタンクリック時に画面上部からスライド+フェードで表示されます。
これをLightboxのように画面中央からズームしながら表示するようにCSSに追記します。
CSSの設定
transformのtranslateとscaleを変更するだけです。
.modal.fade:not(.show) .modal-dialog{
transform: translate(0,0) scale(0.85,0.85)!important;
}
See the Pen
Bootstrapのモーダルを中央でズーム表示 by JaSTIN (@JaSTIN)
on CodePen.