php - Symfony2/ Twig /Bootstrap : How to customize DeleteForm Button

Question

我有 Twig 模板:show.html.twig。

其中有一个 Bootstrap 表单组中的删除按钮。我想像表单组中的其他按钮一样设置按钮的样式，但它不起作用，这是我的代码:

<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'} }) }}

收件人:

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

在 attr 声明中使用您的 CSS 选择器，它将使用您应用到该类的任何样式。

定义 { 'attr': {'class': '...', 'type' : 'button'} 的地方，就是应用样式的方式。它使用 btn btn-default 作为 Twitter Bootstrap 的样式选择器。

您没有看到任何更改的原因是您声明了 => 而不是 :。

对于标签，尝试:

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