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 表单主题效果:
以及表单在显示错误信息时的效果: