bootstrap modal可移动

是的，Bootstrap Modal 可以移动。你可以在 Modal 的标题栏上添加一个可拖动的元素，使用户可以通过拖动来移动 Modal。以下是一个示例：

HTML 代码：

<div class="modal" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Modal Title</h5>
        <div class="move-modal"></div>
      </div>
      <div class="modal-body">
        <p>Modal body text goes here.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

CSS 代码：

.move-modal {
  cursor: move;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}

JavaScript 代码：

$(document).ready(function() {
  var $dragging = null;

  $(document.body).on("mousemove", function(e) {
    if ($dragging) {
      $dragging.offset({
        top: e.pageY - $dragging.outerHeight() / 2,
        left: e.pageX - $dragging.outerWidth() / 2
      });
    }
  });

  $(document.body).on("mousedown", ".move-modal", function(e) {
    $dragging = $(e.target).closest(".modal-dialog");
  });

  $(document.body).on("mouseup", function(e) {
    $dragging = null;
  });
});

这段代码添加了一个类名为 `move-modal` 的元素到 Modal 的标题栏中，通过 JavaScript 实现了拖动 Modal 的功能。请注意，这段代码使用了 jQuery，需要在页面中引入 jQuery 库。