bootstrap的弹窗剧中_bootstrap弹窗居中处理

要使Bootstrap弹窗居中，可以使用以下步骤：

1. 将弹窗的外层div设置为fixed定位，并将其宽度和高度设置为100%。

<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <!-- 弹窗内容 -->
    </div>
  </div>
</div>

2. 将弹窗的内部div设置为absolute定位，并将其left和top属性设置为50%，以使其水平和垂直居中。

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);
}

.modal-dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

3. 对于较小的弹窗，可以添加一个`modal-sm`类来使其更紧凑。

<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog modal-dialog-centered modal-sm">
    <div class="modal-content">
      <!-- 弹窗内容 -->
    </div>
  </div>
</div>