表单 Forms
Bootstrap 为文本输入域、文本域、选择框等表单控件提供了统一的自定义样式、栅格布局、校验反馈与浮动标签等能力，帮助你快速构建易用的录入界面。
基础控件
用 form-label 标注控件、form-control 美化输入框，配合 form-text 给出帮助说明。
密码须为 8–20 位，包含字母与数字，不能包含空格。
HTML 示例
栅格布局
把表单放进网格：row g-3 控制间距，col-md-* 决定每列宽度，即可实现多列并排的紧凑表单。
HTML 示例
校验反馈
表单加 novalidate 并用本页 JS 拦截提交；点击「提交表单」后为表单加上 was-validated 类，合法项显示 is-valid 绿色，缺失项显示 is-invalid 红色与错误提示。
HTML 示例
开关
在复选框上叠加 form-switch 类，复选框即渲染为 iOS 风格的开关；role="switch" 明确语义。
HTML 示例
选择与范围
form-select 美化原生下拉框；form-range 渲染滑杆，拖动时下方数字实时联动。
HTML 示例
浮动标签
form-floating 让标签在输入框内部浮动：聚焦或输入后标签自动浮起，节省纵向空间。
HTML 示例