Question

我想在Button中做一个小填充，以便我可以将Men'sagem框中的Send Button分开。

我已经尝试制作一种样式，因为它似乎没有用。

如果我还要提供其他代码，请修改。

这是制作整体表格的功能

public function contactus(Request $request)
            {
                //Formulário para enviar dados com estilos do w3 css    
                $mensagem_default = ['message' => ''];//mensagem default a ser enviada
                //cria um form type
                $form = $this->createFormBuilder($mensagem_default)
                //Adiciona o campo nome
                ->add('name', TextType::class, [
                    'label'=> 'O seu Nome', 'attr'=>[ 'class' => 'form-control'], 'required' => false 
                ])
                //adiciona a empresa   
                ->add('enterprise', TextType::class, [
                    'label'=> 'A sua Empresa', 'attr'=>[ 'class' => 'form-control'], 'required' => false 
                ])

                //adiciona o telemovel  
                ->add('phone', TextType::class, [
                    'label'=> 'O seu Telemovel', 'attr'=>[ 'class' => 'form-control'], 'required' => false 
                ])

                //Adiciona o campo email
                ->add('email', TextareaType::class, [
                    'label'=> 'Email', 'attr'=>[ 'class' => 'form-control'], 'required' => false
                ])

                //adiciona o assunto  
                ->add('subject', TextType::class, [
                    'label'=> 'Assunto', 'attr'=>[ 'class' => 'form-control'], 'required' => false 
                ])

                //Adiciona o campo mensagem
                ->add('message', TextareaType::class, [
                    'label'=> 'Mensagem', 'attr'=>[ 'class' => 'form-control'], 'required' => false
                ])
                //Adiciona o campo botão enviar dados
                ->add('send', SubmitType::class, [
                     'attr'=>['class' => 'btn btn-primary']
                ])
                ->getForm();

                // Renderiza os arreio para a página principal e Renderiza o formulario para o body
                return $this -> render('contactus.html.twig', ['page'=> 'contactus', 'form'=> $form ->createView(),]);
                }

Answer 1

您似乎正在使用引导程序。如果是这样，您可以添加用于填充.p-1 .p-2 .p-3的引导实用程序类。但是，我认为您真正想要的是按钮上方的边距，因为您可以使用.mt-1，但是.mt-类遇到了问题，通常最终会使用.m-1与.ml-0结合使用可将左边距保持为零。请参阅here以供参考。

->add('send', SubmitType::class, [
    'attr'=>['class' => 'btn btn-primary m-1 ml-0']
])

或者，您也应该能够像这样添加内联样式声明：

->add('send', SubmitType::class, [
    'attr'=>[
        'class' => 'btn btn-primary',
        'style' => 'margin-top:1em;',
    ]
])

您还可以在模板中使用自定义的表单呈现，请参见How to Customize Form Rendering

我如何在控制器上的Form Made Button中填充

1 个答案: