如何在Symfony中自定义bootstrap水平表单主题/模板?

时间:2016-03-03 21:49:07

标签: php forms twitter-bootstrap twig symfony

我正在使用Symfony 3构建的应用程序。我正在使用框架附带的“bootstrap_3_horizontal_layout.html.twig”表单主题。

我已成功导入它。

我尝试更改默认列大小; http://pastebin.com/7QvEQyVi但似乎没有任何效果。

标签和输入列的默认大小分别为2和10。我该如何覆盖这些值?

感谢任何指导

2 个答案:

答案 0 :(得分:5)

您可以在自己的模板中覆盖它

应用程序/配置/ config.yml

# Twig Configuration
twig:
    form_themes:
        - "form/fields.html.twig"

应用程序/资源/视图/形式/ fields.html.twig

{% use 'bootstrap_3_horizontal_layout.html.twig' %}

{% block form_label_class -%}
col-sm-3
{%- endblock form_label_class %}

{% block form_group_class -%}
col-sm-9
{%- endblock form_group_class %}

答案 1 :(得分:4)

根据@ jkuchravic的回答,我将修改过的块放在一个单独的文件中,我得到了它的工作;

应用程序/资源/视图/形式/ fields.html.twig

{% use 'bootstrap_3_horizontal_layout.html.twig' %}

{% block form_label_class -%}
col-sm-3
{%- endblock form_label_class %}

{% block form_group_class -%}
col-sm-9
{%- endblock form_group_class %}

我不想在应用程序范围内进行更改,因此只需使用以下行将修改后的模板应用于该特定表单:

{% form_theme form with ['bootstrap_3_horizontal_layout.html.twig','form/fields.html.twig'] %}