bootstrap模态框最大化

要使 Bootstrap 模态框最大化，可以通过以下步骤实现：

1. 给模态框添加一个最大化按钮，例如：

   <div class="modal-header">
     <h5 class="modal-title">Modal title</h5>
     <button type="button" class="btn btn-primary btn-maximize" onclick="maximizeModal()">
       <i class="fa fa-arrows-alt"></i>
     </button>
     <button type="button" class="close" data-dismiss="modal">
       <span>&times;</span>
     </button>
   </div>

2. 在 JavaScript 中定义 `maximizeModal()` 函数，使模态框最大化，例如：

   function maximizeModal() {
     $('.modal-dialog').toggleClass('modal-fullscreen');
   }

在该函数中，通过使用 jQuery 选择器选择模态框元素，然后使用 `toggleClass()` 方法为其添加或删除 `modal-fullscreen` 类，以实现最大化和还原效果。