首页 > 解决方案 > Symfony 3 Twig Bootstrap 样式未正确呈现形式

问题描述

我按照官方文档中的表单集合教程进行操作,它正在工作,然后我尝试使用引导程序添加一些 css,问题是,它显示的输入如下: 在此处输入图像描述

我在 setDefaults 中添加了表单控件类

public function configureOptions(OptionsResolver $resolver)
{
    $resolver->setDefaults([
        'data_class' => Tag::class,
        'attr' => array(
            'class' => 'form-control'
        ),
    ]);
}

这是呈现表单的树枝文件

<h3>Task</h3>
    {{ form_start(form, { 'attr': {'class': 'form-horizontal'}}) }}
        {{ form_row(form.descripcion, { 'attr': {'class': 'form-control'}}) }}
        <h3>Tags</h3>

        <ul class="tags" data-prototype="{{ form_widget(form.tags.vars.prototype)|e('html_attr') }}">
            {% for tags in form.tags %}
                <li>{{ form_row(tags.name) }}</li>
            {% endfor %}
        </ul>
        <input type="submit" value="Guardar" class="btn btn-primary">
    {{ form_end(form) }}

编辑:这是生成的数据原型

<ul class="tags" data-prototype="&lt;div&#x20;id&#x3D;&quot;task_tags___name__&quot;&#x20;class&#x3D;&quot;form-control&quot;&gt;&lt;div&gt;&lt;label&#x20;for&#x3D;&quot;task_tags___name___name&quot;&#x20;class&#x3D;&quot;required&quot;&gt;Name&lt;&#x2F;label&gt;&lt;input&#x20;type&#x3D;&quot;text&quot;&#x20;id&#x3D;&quot;task_tags___name___name&quot;&#x20;name&#x3D;&quot;task&#x5B;tags&#x5D;&#x5B;__name__&#x5D;&#x5B;name&#x5D;&quot;&#x20;required&#x3D;&quot;required&quot;&#x20;maxlength&#x3D;&quot;255&quot;&#x20;&#x2F;&gt;&lt;&#x2F;div&gt;&lt;&#x2F;div&gt;"></ul>

那么,我做错了什么?如果需要代码的任何其他部分,请告诉我,谢谢

标签: phptwitter-bootstrap-3twigsymfony-3.4

解决方案


推荐阅读