Contributed by
Tobias Nyholm and Mathieu Piot
in #26327, #26326, #26325, and #25715.

在 Symfony 2.6 中我们添加了 Symfony 的 Bootstrap 表单主题,为的是让你基于最流行的 Bootstrap 的表单变得省事。在 Symfony 3.4 中我们 更新表单主题到 Bootstrap 4, which was still a beta version at that time.

现在,稳定版 Bootstrap 4 已经发布,在 Symfony 4.1 中我们针对最新 Bootstrap 的变化又一次更新了表单主题,同时改进了一些连带功能。

可访问性

Web accessibility 是创建包容型程序和服务的本质,它也是我们 Symfony Diversity initiative(多样性主动精神) 的一个完整部分。在一位 accessibility 的专家 Sandra 的帮助下,我们完成的 Bootstrap 4 表单主题遵循了 WCAG 2.0 标准

这个标准包括了规则和指导,可令无能力的用户,包括视力损伤、学习能力丧失、行动受限者等,实现对内容的访问。

自定义表单

表单主题现在支持了 Bootstrap 4 自定义表单,它允许替换默认浏览器的表单元素。

Labels 和 Errors

除了细微调整之外,表单 errors 现在可以在 <label> 元素 内部 输出,以便确保在错误本身和 <input> 标签中拥有一个 WCAG 2.0 标准所需的牢固连接。

文档

我们正在编写全新文档 Bootstrap 4 和 Symfony。你可以在 the current proposal 并且提出改进建议或添加内容。

实际效果

这就是我们改进之后的 Bootstrap 4 表单主题效果:

以及表单在显示错误信息时的效果: