bootstrap modal可移动

是的，Bootstrap Modal 可以通过添加一些 JavaScript 代码来实现可移动。可以使用 jQuery UI 中的 `draggable()` 方法，或者手动实现移动事件。以下是手动实现的示例代码：

在 Modal 打开后添加以下 JavaScript 代码：

var modalHeader = document.querySelector('.modal-header');
var modalDialog = document.querySelector('.modal-dialog');

var mouseStart = { x: 0, y: 0 };
var modalStart = { x: 0, y: 0 };

modalHeader.addEventListener('mousedown', function(e) {
  mouseStart.x = e.clientX;
  mouseStart.y = e.clientY;

  modalStart.x = parseInt(window.getComputedStyle(modalDialog).left);
  modalStart.y = parseInt(window.getComputedStyle(modalDialog).top);

  document.addEventListener('mousemove', moveModal);
  document.addEventListener('mouseup', stopMoveModal);
});

function moveModal(e) {
  var deltaX = e.clientX - mouseStart.x;
  var deltaY = e.clientY - mouseStart.y;

  modalDialog.style.left = modalStart.x + deltaX + 'px';
  modalDialog.style.top = modalStart.y + deltaY + 'px';
}

function stopMoveModal() {
  document.removeEventListener('mousemove', moveModal);
  document.removeEventListener('mouseup', stopMoveModal);
}

这段代码将 Modal 头部作为可拖动的区域，当鼠标按下时，记录鼠标和 Modal 的初始位置，并添加移动事件。移动事件中计算鼠标位移量，并更新 Modal 的位置。鼠标松开时，移除移动事件。

需要注意的是，这种实现方式可能会与 Modal 的一些功能产生冲突，比如 Modal 中的表单输入框可能会触发移动事件。因此，在实际使用中需要针对具体情况进行调整。