Form unconfigures DIV

1
Div is not side by side after I insert the {!! Form:: inside the div row, the div divs are broken, one underneath the other instead of side by side. Is it possible to solve this? or is it normal for Form to make this mess?

  

Bootstrap 4.1 - Laravel 5.5

<div class="row">

{!! Form::model($produto, ['route' => ['admin.produtos.update', $produto->id],   'class' => 'form-horizontal', 'method'  => 'post', 'autocomplete' => 'off']) !!}
    @include('backend.produtos.games.informacoes')
    <div class="card-footer">
        <button type="submit" class="btn btn-success btn-sm">
            <i class="fa fa-save"></i> Atualizar Modificações
        </button>
        <button type="reset" class="btn btn-danger btn-sm">
            <i class="fa fa-trash-alt"></i> Reiniciar
        </button>
    </div>
{!! Form::close() !!}

{!! Form::model($produto, ['route' => ['admin.produtos.updateMidia', $produto->id],   'class' => 'form-horizontal', 'method'  => 'post', 'autocomplete' => 'off']) !!}
    @include('backend.produtos.games.midia')

    <div class="card-footer">
        <button type="submit" class="btn btn-success btn-sm">
            <i class="fa fa-save"></i> Salvar Imagem
        </button>
    </div>
{!! Form::close() !!}

</div>

Include code with divs-col

<div class="col-lg-7">
 ...conteúdo...
</div>

And in the other include

<div class="col-lg-5">
...conteúdo...
</div>
    
asked by anonymous 26.07.2018 / 16:26

1 answer

2

Michael as stated in the comment regardless of whether it is a form , or a div or a section you should put the Bootstrap classes grid if you want to divide your elements into columns .

As in your case it was the form that needed to be aligned and divided within .row , it was the one that should receive the class col-xx

Type: 'class' => 'form-horizontal col-lg-7', for a form and 'class' => 'form-horizontal col-lg-5' , on the other.

Here's the official BS4 grid documentation: link p>     

26.07.2018 / 17:46