「Bootstrap 4入門」.modal-sm, .modal-lgでモーダルダイアログの横幅を指定する

2014年1月11日2020年12月31日

書式
.modal-sm　モーダルダイアログ(小)
.modal-lg　モーダルダイアログ(大)
使用例

 <div class="modal-dialog modal-sm" role="document">small dialog</div>
  <div class="modal-dialog" role="document">normal dialog</div>
  <div class="modal-dialog modal-lg" role="document">large dialog</div>
　<div class="modal-dialog modal-xl" role="document">Xlarge dialog</div>