Как я могу сделать отступ в кнопке Form made на моем контроллере

Question

Я хочу сделать небольшой отступ в моей кнопке, чтобы разделить кнопку отправки на поле Mensagem.

Вот картинка для более подробной информации:

Я уже пытался создать стиль, потому что он не работал.

Если есть какой-либо другой код, который я должен предоставить, плохо отредактируйте.

Вот функция, которая делает всю форму

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. Но я думаю, что вы действительно хотите, чтобы margin над кнопкой, для этого вы можете использовать .mt-1, у меня были проблемы с классами .mt- и обычно в конечном итоге используется .m-1 в сочетании с .ml-0 чтобы оставить левое поле на нуле. См. здесь для справки.

->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;',
    ]
])

Вы также можете использовать настраиваемую визуализацию форм в своем шаблоне, см. Как настроить визуализацию форм