Falta o div class="row"
, se usar as classes cols
sem row é claro que não vai funcionar, tem que seguir a documentação do Bootstrap estritamente, a documentação é bem clara:
Content should be placed within columns, and only columns may be immediate children of rows.
Traduzindo:
O conteúdo deve ser colocado dentro de colunas e somente as colunas podem ser crianças imediatas de linhas
Não adianta sair colando código sem entender o que ele faz de verdade amigo e outro detalhe esse <br>
ali também não faz sentido:
</div><br><!-- Fim Input Crachá -->
Provavelmente os grids não funcionaram e você tentou uma gambiarra.
Tente o ajuste:[Edição]
<div class="row">
<div class="col-lg-12">
<!-- inicia row -->
<div class="row">
<div class="col-lg-3 input-group" style="padding-left:16px;"><!-- Inicio Input Crachá -->
<label for="ex1">Crachá: </label>
<input type="text" class="form-control idfunc" name='cracha' maxlength="5">
<span class="input-group-btn">
<button type="button" class="btn btn-secondary" style="margin-top:25px;" data-toggle="modal" data-target="#Modal_idfunc">...</button>
</span>
</div><!-- Fim Input Crachá -->
<!-- termina row -->
</div>
<!-- inicia row -->
<div class="row">
<div class="col-lg-12">
<div class="col-lg-3"><!-- Inicio Input Bairro -->
<label for="ex1">Pessoa: </label>
<input type="text" class="form-control" id="" name="id_pessoa" size="40"><br>
</div><!-- Fim Input Bairro -->
<div class="col-lg-6"><!-- Inicio Input Bairro -->
<label for="ex1">Nome </label>
<input type="text" class="form-control" id="" name="nome" size="40"><br>
</div>
<div class="checkbox col-lg-3" style="margin-top:30px;"><!-- Inicio checkbox Registro Inativo-->
<label>
<input type="checkbox" name="inativo" value="true" style="outline:none;">Funcionário Inativo
</label>
</div><!-- Fim checkbox Registro Inativo-->
</div>
<!-- termina row -->
</div>
</div>
Outro detalhe, euEu não posso afirmar com precisão, mas input-group
(creio que o style="padding-left:16px"
também seja uma gambiarra para tentar corrigir algo) não deve ser usado no mesmo elemento com col-
, ele deve ser um elemento filho.
Falta o div class="row"
, se usar as classes cols
sem row é claro que não vai funcionar, tem que seguir a documentação do Bootstrap estritamente, a documentação é bem clara:
Content should be placed within columns, and only columns may be immediate children of rows.
Traduzindo:
O conteúdo deve ser colocado dentro de colunas e somente as colunas podem ser crianças imediatas de linhas
Não adianta sair colando código sem entender o que ele faz de verdade amigo e outro detalhe esse <br>
ali também não faz sentido:
</div><br><!-- Fim Input Crachá -->
Provavelmente os grids não funcionaram e você tentou uma gambiarra.
Tente o ajuste:
<div class="row">
<div class="col-lg-12">
<!-- inicia row -->
<div class="row">
<div class="col-lg-3 input-group" style="padding-left:16px;"><!-- Inicio Input Crachá -->
<label for="ex1">Crachá: </label>
<input type="text" class="form-control idfunc" name='cracha' maxlength="5">
<span class="input-group-btn">
<button type="button" class="btn btn-secondary" style="margin-top:25px;" data-toggle="modal" data-target="#Modal_idfunc">...</button>
</span>
</div><!-- Fim Input Crachá -->
<!-- termina row -->
</div>
<!-- inicia row -->
<div class="row">
<div class="col-lg-12">
<div class="col-lg-3"><!-- Inicio Input Bairro -->
<label for="ex1">Pessoa: </label>
<input type="text" class="form-control" id="" name="id_pessoa" size="40"><br>
</div><!-- Fim Input Bairro -->
<div class="col-lg-6"><!-- Inicio Input Bairro -->
<label for="ex1">Nome </label>
<input type="text" class="form-control" id="" name="nome" size="40"><br>
</div>
<div class="checkbox col-lg-3" style="margin-top:30px;"><!-- Inicio checkbox Registro Inativo-->
<label>
<input type="checkbox" name="inativo" value="true" style="outline:none;">Funcionário Inativo
</label>
</div><!-- Fim checkbox Registro Inativo-->
</div>
<!-- termina row -->
</div>
</div>