1
Div doesn’t stand side by side after I insert the {!! Form:: Inside the div Row, the div COL are broken, one below the other instead of side to side. Is it possible to solve this ? or it’s 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 the other include
<div class="col-lg-5">
...conteúdo...
</div>
Which version of Bootstrap you are using?
– hugocsl
@hugocsl Bootstrap 4.1
– MichaelCosta
I tested here by putting a tag
<form>normal and lined up next to each other... but try the div<div class="card-footer">put like this:<div class="card-footer col-6">or something like "'class' => 'form-horizontal col-6',"and ve resolve– hugocsl
Try to set column width in tag
<form>– hugocsl
when it includes in the form class the class col it has set, but the div col itself does not fill.. gets smaller.. neither placing col-7 and col-5 in the div on each side
– MichaelCosta
On these Ivs on each side places the class
w-100this should make it occupy 100% of width. Look if it solves– hugocsl
did nothing... was decreasing here the browser.. when changes the resolution.. is right.. but when it is in the resolution above (min-width: 992px).. he stops filling in
– MichaelCosta
Man that crazy.. I took the class of the lateral Divs.. and I went to the class of the 2 Forms.. and returned to normal.. as if the form takes the place of the Divs
– MichaelCosta
But solved then? If not solved enter the page directly through the browser. Press Ctrl+U, take the code right there from the browser with the rendered page, including this form and etc. Edit your question and place that part there. Is there too much class or unnecessary div to find...
– hugocsl
yes you solved.. t was the same before I put the form.. with the Divis aligned
– MichaelCosta