删不能禁用bootstrap响应式，反而导致移动端显示异常；真正禁用需停用其媒体查询，如使用非响应式构建版、设$enable-responsive为false或仅引入bootstrap-grid.css。
移除 <meta name="viewport"> 不能禁用 Bootstrap 响应式
直接删掉 <meta name="viewport" content="width=device-width, initial-scale=1"> 不会让 Bootstrap “变回桌面版”，反而大概率导致页面在手机上缩成一团、文字小到看不清，甚至触发双击放大等不可控行为。Viewport 标签不是开关，而是告诉浏览器“怎么渲染这个页面”的基础指令；没有它，移动端浏览器会默认以 980px 宽度渲染，再缩放显示——这和你想要的“禁用响应式”完全相反。
真正起作用的是 Bootstrap 的 CSS 类和媒体查询，不是 HTML 元标签。
禁用响应式的核心：停用 Bootstrap 的媒体查询
Bootstrap 的栅格、间距、字体大小等响应式行为，全靠 @media 查询驱动。要禁用，就得让这些查询失效或不加载。
- 最稳妥的做法：使用 Bootstrap 官方提供的 非响应式构建版本（如 Bootstrap 4 的
bootstrap-grid.css+bootstrap-reboot.css，不引入bootstrap.css） - 若用 Sass 源码：将
$enable-responsive设为false，再编译（Bootstrap 4/5 支持） - 强行覆盖：在自定义 CSS 中重写所有断点类（如
.col-md-6→.col-6），但维护成本高，且漏掉一个就可能出问题
注意：bootstrap.min.css 默认含全部响应式逻辑，删 <meta> 对它毫无影响。
为什么 col-* 类仍然会响应？
即使你只用 col-6 这类“超小屏”类名，Bootstrap 的栅格系统底层仍依赖 flex 和 max-width 等属性，而这些本身不触发媒体查询——所以它们“看起来没响应”，但并非被禁用，只是没条件触发变化。真正的风险在于：一旦你混用 col-md-6 或启用 navbar-expand-md，响应式立刻回归。
-
col-*是“始终生效”，不是“禁用响应式” -
container仍带max-width断点（如container在 lg 下是 1140px），需手动覆盖为width: 100% -
navbar-toggler、dropdown-menu等组件内部仍有 JS 或媒体查询控制显隐
实际项目中更推荐的替代方案
硬刚 Bootstrap 响应式，不如换轻量方案，尤其当你只需要栅格和基础样式：
- 用
bootstrap-grid.css（仅栅格，无组件、无媒体查询）+ 自己补reboot.css（重置样式） - 直接用
display: grid或flexbox手写布局，避开框架约束 - 如果必须保留 Bootstrap 组件（如
modal、alert），就接受它的响应式逻辑，只通过 CSS 覆盖特定断点行为（例如强制@media (max-width: 992px)下.navbar不折叠）
别指望删一行 HTML 标签就能绕过整个响应式体系——那只是把问题从 CSS 推给了浏览器渲染层，结果更难调试。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
