移除 Bootstrap Modal 默认关闭按钮的最干净做法是直接删除模态框头部的 或 元素，并同步清理 data-bs-dismiss="modal" 属性、避免 JS 误操作、调整 CSS 对齐、保留 tabindex="-1"、设置 data-bs-backdrop="static" 和 data-bs-keyboard="false"，并提供明确的替代关闭方式。
怎么移除 Bootstrap Modal 的默认关闭按钮
直接删掉模态框头部的 <button class="btn-close"></button> 或 <button class="close"></button> 元素即可，这是最干净、最可控的做法。bootstrap 不提供“隐藏但保留结构”的内置开关，所谓“设置不显示”，本质就是不让它渲染出来。
data-bs-dismiss="modal" 不能单独留着
如果只删 HTML 中的关闭按钮，但忘了清理相关逻辑，容易埋雷。尤其注意：
- 别留着
data-bs-dismiss="modal"属性在别的元素上（比如自定义 × 按钮或标题区域），否则点击会意外触发关闭 - 别在 JS 中调用
$('#myModal').modal('hide')后还手动操作 DOM 去“隐藏按钮”，这属于多此一举，且可能干扰模态框自身的状态管理 - 如果你用 JS 动态插入内容到
.modal-header，确保没悄悄把关闭按钮又 append 进去
需要保留右上角空白区域？小心 padding 和 tabindex
删掉关闭按钮后，.modal-header 可能显得左边挤、右边空——这不是 bug，是设计预期。若 UI 要求视觉对齐，优先用 CSS 微调，而不是硬塞个透明按钮：
- 不要加
visibility: hidden或display: none到原生.btn-close上：它自带tabindex和无障碍属性，隐藏后仍可聚焦，可能引发键盘导航问题 - 真正要“留空位”，建议给
.modal-header加padding-right，或用justify-content: space-between配合标题居中 -
tabindex="-1"必须保留在.modal根元素上，否则键盘用户按 Tab 可能跳进模态框却无法退出
Modal 关闭只能靠外部控制？那就关掉 backdrop 和 keyboard
没有关闭按钮，意味着用户无法点背景或按 Esc 关闭——这是好事，但得显式确认行为是否符合预期：
- 在 modal 根元素加
data-bs-backdrop="static"和data-bs-keyboard="false"，防止误触 - 务必提供明确的替代操作，比如一个「确认」或「继续」按钮，并绑定
$('#myModal').modal('hide') - 别依赖
data-bs-dismiss以外的方式“模拟关闭”（如remove()整个 modal DOM），这会破坏 Bootstrap 的事件生命周期，导致hidden.bs.modal等回调不触发
