Boa tarde hoje utilizo a quebra de linha dentro do pai e filho em conjunto com a.
<div class="row">
</div>
Assim segue modelo de um pai e filho com a quebra.
<div class="panel panel-primary" id="pn_ItensSolicitacao" name="pn_ItensSolicitacao">
<div class="panel-heading">Itens da solicitacao</div>
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<table class="table table-striped" id="movimentacao" tablename="movimentacao" addbuttonlabel="Adicionar produto" nodeletebutton="false" deletebuttonid="" customFnDelete="fnCustomDelete(this)">
<thead>
<tr>
</tr>
</thead>
<tbody>
<tr detail="true" detailname="tbItens" class="form-group col-md-12">
<td>
<div class="row">
<div class="col-sm-6">
<label id="codprodutoitem2" name="codprodutoitem2" for="exampleTag" >Produto <FONT COLOR="red">*</FONT></label>
<div class="input-group col-md-12">
<input type="zoom" class="form-control" id="produtoZOOM" name="produtoZOOM" title="produtoZOOM" onchange="" style=""data-zoom="{'displayKey':'B1_DESC','datasetId':'dsProdutosNC','maximumSelectionLength':'1','filterValues': '','placeholder':'','fields':[{'field':'B1_COD','label':'Codigo'},{'field':'B1_DESC','label':'Descricao','standard':'true','search':'true'}]}"/>
</div>
</div>
<div class="input-group col-md-6">
<label for="txtNome">Desc.<FONT COLOR="red">*</FONT></label>
<input id="inputNproduto" name="inputNproduto" class="form-control change-qtde change-valor" type="text"/>
</div>
</div>
<div class="row">
</div>
<div class="row">
<div class="col-md-1" name="inputCodigo_div" id="inputCodigo_div">
<label for="txtNome">Codigo.</label>
<div class="input-grup">
<input id="inputCodigo" name="inputCodigo" class="form-control" type="text"/>
</div>
</div>
<div class="col-md-1 col-md-offset-0">
<label for="txtNome">Quant.<FONT COLOR="red">*</FONT> </label>
<div class="input-grup">
<input id="quantidade" name="quantidade" class="form-control" type="text" />
</div>
</div>
<div class="col-md-3">
<label for="txtNome">Unidade de Medida.</label>
<div class="input-group col-md-12">
<input type="zoom" class="form-control" id="unidademedidaZOOM" name="unidademedidaZOOM" title="unidademedidaZOOM" onchange="" style="" data-zoom="{'displayKey':'NOME','datasetId':'ds_UnidadeDeMeida','maximumSelectionLength':'1','filterValues': '','placeholder':'','fields':[{'field':'NOME','label':'Unid.Medid'}]}"/>
</div>
</div>
<div class="col-md-2">
<label for="txtNome">Valor Unitario.<FONT COLOR="red">*</FONT> </label>
<div class="input-grup">
<input id="valor_unitario" name="valor_unitario" type="text" class="form-control" onblur="calculaTotal(this.id)"/>
</div>
</div>
<div class="col-md-3">
<label for="txtNome">Valor Total. <FONT COLOR="red">*</FONT></label>
<div class="input-grup">
<input id="valor_total" name="valor_total" type="text" readonly="true" class="form-control"/>
</div>
</div>
<div class="col-md-2">
<label for="txtNome">Mantém estoque.</label>
<div class="input-group col-md-12">
<input type="zoom" class="form-control" id="mantemestoqueZOOM" name="mantemestoqueZOOM" title="mantemestoqueZOOM" onchange="" style="" data-zoom="{'displayKey':'opcao','datasetId':'ds_PerguntaNC','maximumSelectionLength':'1','filterValues': '','placeholder':'','fields':[{'field':'opcao','label':''}]}"/>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>