本文介绍使用 bootstrap 的 `input-group` 类快速实现 select 元素与提交按钮的水平对齐，解决常见表单控件布局错位问题，并提供完整可运行代码示例及关键注意事项。
在 Bootstrap 项目中，若需将
.input-group 是 Bootstrap 专为组合表单控件设计的布局工具，它通过 Flexbox 自动对齐子元素（如 form-select、btn、form-control 等），确保高度统一、边框衔接自然、间距可控。
✅ 正确用法示例（含 PHP 变量嵌入）：
? 关键说明与注意事项：
- 隐藏域 不应直接置于 .input-group 内部作为视觉控件：虽然上述代码能渲染，但语义上隐藏字段不属于“可见输入组成员”。更规范的做法是将其保留在
- 按钮建议用 ：
- 务必对 PHP 输出做转义：使用 htmlspecialchars() 防止 XSS，尤其当 $status 或 $id 来自用户输入或数据库时。
- Bootstrap 版本一致性：示例基于 Bootstrap 5.3+；若使用 Bootstrap 4，请改用 class="input-group" + class="custom-select"（BS4 中 form-select 尚未引入）。
- 响应式增强（可选）：可在 input-group 外层添加 d-flex flex-wrap 或配合 col-* 栅格类，适配移动端堆叠布局。
总结：.input-group 是 Bootstrap 提供的标准化、无障碍友好的对齐方案，远优于手动设置 display: inline-block、vertical-align 或自定义 Flex 布局。只要结构合规、类名准确、依赖加载完整，即可一键实现 select 与按钮的像素级对齐。
