Question

我正在尝试将Twitter Bootstrap集成到Symfony2中。我已经在我的Twig表单模板 form1.twig.html

的顶部添加了CSS和JS Bootstrap文件的链接

<link href="{{ asset('bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
<script src="{{ asset('bootstrap/js/bootstrap.min.js') }}"></script>

我已经检查过链接是否正确，但是，无论如何，我的表单输入字段没有获得Bootstrap样式。

我该如何解决这个问题？

Answer 1

您需要使用表格主题

http://symfony.com/doc/current/cookbook/form/form_customization.html#form-theming-in-twig

例如，您可以覆盖默认的form_row小部件

{% block form_row %}
    {% spaceless %}
        <div class="form-group">
            {{ form_label(form) }}
            {{ form_widget(form, { 'attr' : { 'class' : 'form-control' } }) }}
            {{ form_errors(form) }}
        </div>
    {% endspaceless %}
{% endblock form_row %}

然后在带有表单的twig模板文件中，将主题应用于表单对象：

{% form_theme form "SomeBundle:Form:bootstrap_form_row.html.twig" %}

{{ form_row(form.field) }}

如何使我的Symfony2表单输入字段看起来像Twitter Bootstrap中的字段？

1 个答案: