Symfony2/Twig/Bootstrap: Как настроить кнопку DeleteForm

Question

У меня есть Twig Template: show.html.twig.

В нем есть кнопка «Удалить» в группе «Загрузочная форма». Я хочу, чтобы стиль кнопки, как другие в форме группы, но он не работает, вот мой код:

<div class="btn-group btn-group-sm" role="group" style="margin-bottom: 20px;"> 
     <a href="{{ path('secure_mail') }}" type="button" class="btn btn-default"><i class="fa fa-envelope"></i> Back</a> 
     {{ form_widget(delete_form.submit, { 'label': 'Delete' }, { 'attr': {'class': 'btn btn-default', 'type' => 'button'} }) }} 
    </div> 

Не позволяет проектировать эту кнопку?

Answer 1

Изменение:

{{ form_widget(delete_form.submit, { 'label': 'Delete' }, { 'attr': {'class': 'btn btn-default', 'type' => 'button'} }) }} 

To:

{{ form_widget(delete_form.submit,{ 'label': 'Delete' }, { 'attr': {'class': 'myOwnClassSelectorsHere', 'type': 'button'} }) }} 

Используйте CSS селекторов внутри attr декларации, и он будет использовать любые стили, примененные к этому классу.

Здесь определяется { 'attr': {'class': '...', 'type' : 'button'}, то есть как применяется стилизация. Он использует btn btn-default в качестве селекторов стиля из Twitter Bootstrap.

Причина, по которой вы не видите никаких изменений, состоит в том, что у вас есть => вместо :.

Для этикетке, попробуйте:

{{ form_widget(delete_form.submit,{ 'label': 'Delete' }, { 'attr': {'class': 'myOwnClassSelectorsHere', 'type': 'button'} }) }}