无法真正禁用响应式布局，只能通过移除viewport标签、避免使用xs/sm栅格类、手动剔除媒体查询css等方式削弱其表现；bootstrap 3.3.7无$enable-responsive开关，修改断点变量仅调整触发阈值，不终止媒体查询执行。
不能真正“禁用”响应式布局，只能绕过或削弱它的表现——关键在 viewport 元标签、栅格类命名和 Sass 变量三者协同失效。
viewport 元标签不删，响应式就还在起作用
Bootstrap 3.3.7 的栅格系统依赖 viewport 元标签触发媒体查询。即使你改了 Sass 变量，只要页面还包含：
<meta name="viewport" content="width=device-width, initial-scale=1">
浏览器就会按设备宽度解析 @media (max-width: 767px) 等断点，所有 .col-xs-*、.hidden-xs 类仍会生效。
要让响应式“失能”，必须移除或注释掉这行。但注意：
- 移除后，移动端会以桌面视口宽度渲染（通常 980px），文字变小、布局错位是常态
- 某些组件（如 navbar 折叠）内部 JS 仍会检测
window.innerWidth，可能意外触发折叠逻辑 - 如果你用的是 Flask-Bootstrap 或 Django-Bootstrap 扩展，它们可能自动注入该标签，需检查模板是否硬编码
修改 $grid-float-breakpoint 和 $screen-xs 只影响断点阈值，不关闭响应式
在 _variables.scss 中调整这些变量，常见操作有：
- 把
$screen-xs: 480px改成9999px：让.col-xs-*在所有屏幕都生效，但.col-sm-*仍会在 768px+ 触发，实际是“全屏 xs”，不是“无响应” - 把
$grid-float-breakpoint: $screen-sm-min改成9999px：阻止 navbar 默认折叠，但下拉菜单、tooltip 的 JS 行为不受影响 - 设
$enable-responsive: false？Bootstrap 3.3.7 的源码里根本没有这个开关变量——那是 Bootstrap 4+ 才引入的，改了也无效
这类修改只是挪动断点位置，无法让媒体查询彻底不执行。
真正停用响应式，得从 HTML 类名和编译结果入手
Bootstrap 的响应式行为最终靠 CSS 类驱动。想让它“看起来不响应”，最直接的办法是：
- HTML 中只用
.col-md-*或.col-lg-*，完全避开xs/sm类；这样所有设备都走同一套栅格规则 - 编译时剔除
mixins/responsive-utilities.less和less/tables.less中的媒体查询块（需手动删或注释） - 删掉所有
.hidden-*、.visible-*类的 CSS 输出，否则它们仍会根据屏幕尺寸显隐 - 注意：如果你用的是预编译的
bootstrap.min.css，改 Sass 变量毫无意义——必须重新编译 CSS 才生效
真正的离线可用性不靠“禁用响应式”，而靠资源本地化与缓存策略。viewport 和栅格是设计层选择，不是加载失败的根源；容易被忽略的是：哪怕关掉了所有媒体查询，只要 bootstrap.bundle.min.js 里的 Popper 依赖没本地化，下拉菜单照样在离线时白屏。
