手机端退货页应轻量使用Bootstrap 5：仅引入bootstrap.min.css，用form-control-lg、btn-lg等类适配触控，禁用JS文件，原生实现表单交互与软键盘收起。
手机端退货快递单号填写页不需要 Bootstrap 的完整框架，用它的响应式工具类 + 表单组件就足够了，反而引入全套 CSS/JS 会拖慢加载、增加维护负担。
用 Bootstrap 5 的 form-control 和 btn 快速搭出可用表单
核心是轻量、可点击区域大、输入框高度适配手指操作。Bootstrap 5 默认的 form-control 在移动端已有基础适配，但需微调：
- 给
<input>加class="form-control form-control-lg"，避免 iOS Safari 自动缩放导致文字过小 - 按钮用
class="btn btn-primary btn-lg w-100"，确保整行宽度、足够点击面积 - 包裹表单的
<form></form>加class="px-3 py-4"，留出安全边距，避开 iPhone 底部手势条
避免用 container-fluid 或栅格系统做“全屏布局”
手机屏幕窄，强行套用 col-md-6 这类断点反而让内容挤在中间、两侧留白；Bootstrap 的栅格在移动端默认就是 100% 宽度，直接用语义化结构更稳：
<div class="mb-3">
<label for="expressNo" class="form-label">快递单号</label>
<input type="text" class="form-control form-control-lg" id="expressNo" name="expressNo" required>
</div>
<div class="mb-3">
<label for="expressCompany" class="form-label">快递公司</label>
<select class="form-select form-select-lg" id="expressCompany" name="expressCompany">
<option value="">请选择</option>
<option value="sf">顺丰速运</option>
<option value="zto">中通快递</option>
</select>
</div>
所有 mb-3、form-label 等类名都已针对触控间距优化，无需额外写媒体查询。
禁用 bootstrap.bundle.min.js 里的 Popper 和 Modal 相关逻辑
退货页几乎不涉及下拉菜单、Tooltip、Modal，但默认引入 bootstrap.bundle.min.js 会把 Popper 和全部 JS 组件打包进来，增加 80KB+ 体积。正确做法是：
- 只引入
bootstrap.min.css（CSS 已含所有响应式和表单样式） - 完全不引入任何 Bootstrap JS 文件——表单提交靠原生
submit事件，验证用required和pattern - 如需简单交互（比如提交后禁用按钮），写 3 行原生 JS 就够：
document.querySelector('form').addEventListener('submit', e => { e.target.querySelector('button').disabled = true; });
真正容易被忽略的是软键盘收起逻辑：iOS 上输入完成后点击“完成”，页面不会自动滚动回顶部，用户可能看不到提交按钮。加一句 document.activeElement?.blur() 在表单 submit 时触发，能减少误操作。
