不能“强制禁止某个组件响应式”，因为 bootstrap 的响应式由 viewport 标签、媒体查询和类名共同驱动；需先删除 viewport 标签，再移除断点类、覆盖 css 媒体查询、禁用 js 视口依赖，并推荐改用非响应式构建版（如 bootstrap-grid.css）替代硬改单个组件。
不能“强制禁止某个组件响应式”，因为 Bootstrap 的响应式不是按组件开关控制的，而是由 viewport 标签 + 媒体查询 + 类名三者共同驱动的底层机制；想让单个组件（比如 navbar 或 carousel）看起来不响应，必须切断它对断点类、JS 行为和 CSS 媒体查询的依赖路径。
删掉 <meta name="viewport"> 是前提，否则所有“禁用”都无效
很多开发者只改 CSS 或换类名，却保留 <meta name="viewport" content="width=device-width, initial-scale=1">，结果 navbar 在手机上依然折叠、carousel 依然居中不铺满——这不是组件问题，是浏览器仍在执行 @media (max-width: 992px) 这类规则。删掉这行后，所有基于 min-width/max-width 的媒体查询在移动端基本失效，组件才真正失去响应触发条件。
注意：
- 删完要真机刷新，确认地址栏不再缩放、页面横向滚动条消失
- Django/Flask 模板、CMS 主题常自动注入该标签，得查 base.html 或主题配置
- 不删它，后面所有覆盖样式都会被浏览器“矫正”回响应式逻辑
覆盖组件的断点类行为，比如让 navbar 永远展开
navbar 的折叠不是靠 JS 单独控制的，而是 .navbar-expand-md 类配合 @media (min-width: 768px) 触发的。想让它永远展开，光删 data-bs-toggle="collapse" 不够：
- 移除
.navbar-expand-*类（如.navbar-expand-lg），换成无断点类（Bootstrap 5 中直接用.navbar-expand，它等价于@media (min-width: 0)） - 给
.navbar-collapse加display: block !important，防止 JS 隐藏后无法恢复 - 加
.flex-row或flex-nowrap到.navbar-nav，避免窄屏下菜单项换行 - 检查是否残留
.navbar-toggler，它没被 JS 移除时仍会显示空白按钮
绕过组件 JS 对视口的硬依赖，比如 dropdown 或 modal
某些组件（如 dropdown）内部 JS 会读取 window.innerWidth 判断是否移动设备，并据此调整定位或触发动画。删了 viewport 后，这个值可能失真，导致下拉菜单错位、遮罩层不全：
- 手动初始化时传入
boundary: 'window'或popperConfig: { strategy: 'fixed' }，减少对视口尺寸的动态判断 - 用
data-bs-display="static"禁用dropdown的自适应定位（Bootstrap 5.3+） - 对
modal，加style="max-width: 1200px;"并删掉.modal-dialog-centered，避免它调用getBoundingClientRect()计算居中 - 若用第三方封装（如 Vue-Bootstrap），检查其是否封装了额外的响应式逻辑，可能需重写
mounted钩子
用非响应式构建替代，比“禁止单个组件”更可靠
硬改单个组件容易漏掉副作用（比如 tooltip 的 container 选项、table 的 .table-responsive 自动包裹），不如换轻量入口：
- 只引入
bootstrap-grid.css（无媒体查询、无组件 JS） +bootstrap-reboot.css（基础重置） - 用 Sass 编译时设
$enable-responsive: false（Bootstrap 4/5 支持），编译出的 CSS 根本不含任何@media - 放弃
container，直接用div class="row"+col-*，并全局重置：.row { margin: 0; }、.col { padding: 0; }
真正难的不是让某个组件“不响应”，而是它依赖的底层链路（CSS 媒体查询、JS 视口检测、HTML 元标签）是否全部被切断；漏掉任意一环，在某个安卓 WebView 或 iOS Safari 版本里就可能突然回归响应式行为。
