Symfony 3 Bootstrap表单主题

时间:2016-09-16 09:07:16

标签: twitter-bootstrap symfony

默认引导字段的呈现方式如下:

<div class="checkbox">

        <label>
           <input type="checkbox" id="form_checkbox" name="form[checkbox]" required="required" value="1" /> Checkbox
        </label>
    </div>

我想这样渲染:

<div class="checkbox">
    <input type="checkbox" id="form_checkbox" name="form[checkbox]" required="required" value="1" />
    <label for="form_checkbox">
        Checkbox
    </label>
</div>

感谢您的帮助。

2 个答案:

答案 0 :(得分:3)

为表单创建自己的模板,并重新定义它的呈现方式。

twig:
    exception_controller:  twig.controller.exception:showAction
    form_themes:
        - MyBundle::form.html.twig

form.html.twig

{% use "bootstrap_3_layout.html.twig" %}

{% block checkbox_widget -%}
   <!-- Do whatever you like here-->
{%- endblock checkbox_widget %}

答案 1 :(得分:0)

Dmitry Malyshenko说得对,你需要为你的表格使用模板。

为你的树枝块尝试类似的东西:

{% block checkbox_widget %}
    {% spaceless %}
        <label class="checkbox">
            <input type="checkbox" {{ block('widget_attributes') }}{% if value is defined %} value="{{ value }}"{% endif %}{% if checked %} checked="checked"{% endif %} />
            {{ form_label(form) }}
        </label>
    {% endspaceless %}
{% endblock %}