Question

我有这样的表格：一个输入字段 - 名称为trollName的文字。

namespace Acme\MyBundle\Form\Type;

use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormBuilderInterface;

class myFormType extends AbstractType {
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder
            ->add('trollName','text')
        ;
    }
}

某个控制器：

$myForm = $this->createForm(new myFormType()) -> createView();

我想渲染这个字段，但我想使用bootstrap类 - form-control

如何修改树枝视图：

{{ form_widget(myForm.trollName) }}

...得到这样的回应：

<input type='text' name='trollName' class='form-control'> <!-- form-control class is from boostrap -->

Answer 1

如果您要开始一个新项目，我建议您使用Symfony 2.6，其中包括Twitter bootstrap。

查看here了解更多详情

Answer 2

对于SF版本＆lt; 2.6，你可以这样做：

示例：

{{ form_start(form, {'attr': {'class': 'form-horizontal style-form', 'role': 'form'}}) }}

    <div class="form-group">
        {{ form_label(form.trollName, 'TrollName', {'label_attr': {'class': 'col-md-2 control-label'}}) }}
        <div class="col-md-6">
            {{ form_widget(form.trollName, {'attr': {'class':'form-control'}}) }}
            {{ form_errors(form.trollName) }}
        </div>
    </div>

    <div class="form-group">
        <div class="col-md-offset-2 col-md-6">
            {{ form_widget(form.submit, {'attr': {'class':'btn btn-theme'}}) }}
        </div>
    </div>
{{ form_end(form) }}

如何将Twitter-Bootstrap类添加到Symfony表单输入？

2 个答案: