bootstrap 形式的错误 - Symfony 4

Question

我正在尝试在表单出现错误时实现 bootstrap 样式，我已经成功了......但是以一种非常乏味的方式。例如：

<div class="form-group">
    {{ form_label(form.name) }}
    {{ form_widget(form.name) }}
    {{ form_errors(form.name) }}
</div>

当表单出现错误时，我想在相应的div中添加"has-danger" class来自定义视图。这样就变成这样了：

<div class="form-group has-danger">
    {{ form_label(form.name) }}
    {{ form_widget(form.name) }}
    {{ form_errors(form.name) }}
</div>

我想出了一个不太漂亮的方法：

<div class="form-group {% if form.name.vars.errors|length > 0 %}has-danger{% endif %}">

问题是我必须将此代码添加到我网站上所有表单的所有字段中，我看不太清楚。

有什么想法吗？谢谢。

Answer 1

您应该看看 form themes，因为它们已经集成了 Bootstrap CSS。很可能你只需要使用 bootstrap_4_layout.html.twig 而不是 form_div_layout.html.twig 作为 config/packages/twig.yaml:

中的表单主题

twig:
    ...
    form_themes:
        - bootstrap_4_layout.html.twig

如果这还不够，您可以根据自己的喜好自定义表单的每个片段，然后在您的表单中使用它。 docs.

同一部分中的更多方面和信息

Errors in forms with bootstrap - Symfony 4