twitter-bootstrap - 连续两个按钮（Symfony2 的引导表单主题）

Question

我正在使用Symfony2 的 Bootstrap 表单主题（bootstrap_3_ Horizo ​​ntal _layout.html.twig）：

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

$builder
    // some code here ... 
    ->add('save', 'submit', ['label' => 'save'])
    ->add('cancel', 'submit', ['label' => 'cancel']);

它们以这种方式呈现：

我需要它们位于同一行：

如何实现？

Answer 1

继

Symfony 最佳实践：在模板中添加按钮，而不是在表单类或控制器中。

例如：

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

Answer 2

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

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

Answer 3

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

像这样：

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