Twitter bootstrap 一行两个按钮(Symfony2的引导窗体主题)

Twitter bootstrap 一行两个按钮(Symfony2的引导窗体主题),twitter-bootstrap,symfony,twig,symfony2-forms,Twitter Bootstrap,Symfony,Twig,Symfony2 Forms,我正在使用(bootstrap\u3\ustrong>horizontal\ulayout.html.twig): 我在表单上添加了两个按钮: $builder // some code here ... ->add('save', 'submit', ['label' => 'save']) ->add('cancel', 'submit', ['label' => 'cancel']); 它们是这样呈现的: 我需要它们位于同一排: 如何

我正在使用(bootstrap\u3\ustrong>horizontal\ulayout.html.twig):

我在表单上添加了两个按钮:

$builder
    // some code here ... 
    ->add('save', 'submit', ['label' => 'save'])
    ->add('cancel', 'submit', ['label' => 'cancel']);
它们是这样呈现的:

我需要它们位于同一排:


如何做到这一点?

您是否尝试将第二行与第一行放在同一行上

像这样:

->add('save', 'submit', ['label' => 'save']) ->add('cancel', 'submit', ['label' => 'cancel']);

只需在“保存”按钮左侧添加一个样式浮动。这对我很有用:

    ->add('save', 'submit', ['label' => 'save', 'attr' => array('style' => 'float: left')])
    ->add('cancel', 'submit', ['label' => 'cancel']);
遵循

例如:

{{form_start(form)}
{{form_widget(form)}
拯救
取消
{{form_end(form)}}

可能需要在css中更改。
显示:内联块这是一个php代码,在php中,不管你是否把它放在同一行:)。啊,对不起,我的错。如果你把它们添加到一个按钮组?这可能会奏效。是的,我想我需要对它们进行分组,但我正在使用Symfony2表单捆绑包和Symfony2的引导表单主题,我还不知道如何在这个捆绑包中实现它。这个答案让我兴奋不已。谢谢谢谢你也使用引导主题吗?我已经尝试过了,但是没有结果,因为引导程序的内部结构-样式应用于按钮标签,但是按钮本身位于标签中,标签是为每个按钮创建的。我使用您发布的新闻链接中描述的表单主题,制作一个简单的表单,包含两个文本字段和两个按钮。然后我在模板中呈现为
{{form(form)}
,并使用
{%form\u主题表单'bootstrap\u 3\u layout.html.twig%}
在我的页面中,每个按钮都变成了一个
哦,对不起,我忘了通知您我正在使用的是“bootstrap\u horizontal\u layout.html.twig”,您的配方在某种程度上不起作用,但与之完美配合“bootstrap_layout.html.twig”在应用于按钮时不起作用。您可以设置样式“显示:内联块;“两个按钮都可以,或者用左浮动的div来包装它们。正如Yoshi在下面建议的那样,最好在模板中定义提交按钮(但请记住这是唯一的建议)。在模板中,您可以更轻松地使用html元素的属性进行操作。在控制器中,是否仍然可以知道仅在模板中添加按钮时按下了哪个按钮?$form->get('save')引发边界外异常,$form->getData()不再有这些信息。例如:@Patrick我知道你的问题,老实说,我自己也被它绊倒过几次。最佳实践建议的目的是保持表单的可重用性,但上下文敏感按钮会破坏这种用途。如果你在控制器中仍然需要它们(有时确实是有益的)例如,您可以:a)扩展基本表单以仅添加所需的按钮,或b)在创建表单对象后在控制器中添加按钮。
{{ form_start(form) }}
  {{ form_widget(form) }}

  <div class="row">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" value="save" class="btn btn-primary">save</button>
      <button type="submit" value="cancel" class="btn btn-default">cancel</button>
    </div>
  </div>
{{ form_end(form) }}