Bootstrap 3.4.1是兼容IE8的最后选择，其表单基于float+width实现，需搭配jQuery 1.12.x、禁用transform组件、用jquery.placeholder.js处理placeholder，并通过CSS修复box-sizing及放弃动态响应式以保障降级可用。
Bootstrap 3 表单是兼容 IE8 的最后选择
如果你必须支持 IE8 或 IE9，Bootstrap 3.4.1 是唯一能稳定渲染响应式表单的主线版本。Bootstrap 4 起彻底放弃 IE9 及以下，5 更是直接不兼容任何 IE。用 Bootstrap 4+ 强行加 polyfill 做表单兼容，会遇到 flex 布局塌陷、form-control 高度错乱、input-group 边框重叠等不可控问题。
关键点：
-
Bootstrap 3的栅格和表单类（如.form-group、.form-control）基于float+width实现，IE8 原生支持，无需额外 hack - 必须搭配
jQuery 1.12.x（不是 3.x），因为 jQuery 2+ 已移除 IE8 支持 - 禁用
bootstrap.js中的Popover、Tooltip等依赖transform或data-api的组件，它们在 IE8 下会静默失败
IE8 下 placeholder 和 required 属性失效怎么办
原生 HTML5 表单属性在 IE8 完全不生效，但不能靠 JS 全局模拟——容易和 Bootstrap 3 的 has-error 样式冲突，导致红框不出现或提示文字错位。
推荐做法：
- 用
jquery.placeholder.js（轻量、专为 IE8 优化），它只接管input和textarea的 placeholder 渲染，不影响form-control的 CSS 盒模型 -
required校验改用服务器端 + 简单 JS 手动触发：if (!$('#email').val().trim()) { $('.form-group').addClass('has-error'); }，避免引入完整表单验证库增加体积 - 禁用
type="email"、type="url"等新类型，统一用type="text"，由后端做格式校验
form-control 在 IE8 中高度异常的修复方式
IE8 默认 box-sizing: content-box，而 Bootstrap 3 的 .form-control 依赖 box-sizing: border-box。不显式声明会导致输入框比预期高 4–6px，和按钮、标签对不齐。
必须添加的 CSS（放在 Bootstrap CSS 之后）：
.form-control {
box-sizing: border-box;
*box-sizing: content-box; /* IE7/8 hack */
width: 100%;
}
注意：*property 是 IE8 专属 hack，现代构建工具（如 Webpack）可能自动剥离，需确认构建流程未启用 autoprefixer 的 remove: true 选项。
响应式断点在 IE8 中实际不可用
@media 查询在 IE8 中仅支持 max-width/min-width（需配合 respond.js），但不支持 em 单位、orientation 或多条件组合。这意味着 col-sm-6 这类类名在小屏下不会自动切换列数。
务实方案：
- 放弃移动端真正“响应”，只保证 IE8 下表单垂直堆叠、可读可用；用
col-xs-12强制所有设备单列显示 - 若需两栏布局，改用固定宽度 +
float手写样式，例如：.form-row { overflow: hidden; } .form-col-left { float: left; width: 48%; } - 绝对不要依赖
visible-xs/hidden-sm这类响应式工具类，IE8 下它们完全无效
真正的兼容性代价在于放弃“动态响应”，转为“降级可用”——这点常被忽略，但却是 IE8 表单能上线的底线。
