Bootstrap表单设计精要

表单包含基本示例、内联布局与水平排列，涵盖各类控件支持，如静态、禁用、只读及校验状态，提供焦点效果、尺寸调节和辅助文字说明。

1、 调整控件高度，使表单元素与按钮大小协调一致。

2、 水平表单组的尺寸

3、 通过为水平表单添加 .form-group-lg 或 .form-group-sm 类，可快速调整其内部 label 标签和表单控件的整体尺寸，实现大号或小号的表单元素显示效果，提升界面适配灵活性。

4、 调整列宽大小

5、 通过栅格系统的列来包裹输入框或其父元素，可便捷地设定其宽度。

6、 辅助文字

7、 用于表单控件的区块级辅助说明文字。

8、 关联于表单控件的辅助说明文字

9、 通过为表单控件设置 aria-describedby 属性并关联相应的帮助文本，可确保使用屏幕阅读器等辅助技术的用户在控件获得焦点或进入时，能够接收到该提示信息，从而提升操作的可访问性与用户体验。

10、 Bootstrap图标可访问官网查询获取