I am making a structure with bootstrap
, according to the "laws" of bootstrap
one must use col-xs-12 col-md-12
I am making 2 main columns with columns inside, example:
The column on the right has columns with col-xs-12 col-md-6
, only one is larger than the other, so that there are not 2 columns on the same line, what could be wrong?
<div class="container">
<div class="row">
<div class="col-md-2 borda">
<div class="col-xs-12 col-md-12">
<div class="panel panel-default">
<div class="panel-heading">
Titulo
</div>
<div class="panel-body">
CONTEUDO
</div>
</div>
</div>
</div>
<div class="col-md-8 borda">
<div class="row">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
Titulo
</div>
<div class="panel-body">
<p>CONTEUDO</p>
<p>CONTEUDO</p>
<p>CONTEUDO</p>
<p>CONTEUDO</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
Titulo
</div>
<div class="panel-body">
<p>CONTEUDO</p>
<p>CONTEUDO</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
Titulo
</div>
<div class="panel-body">
Conteudo
</div>
</div>
</div>
</div>
</div>
</div>