No momento está desta forma como o código abaixo, mas queria que os `inputs` relacionados aos campos `Crachá, Pessoa, e Nome` ficassem alinhados dento de uma `<div class='col-lg-12'>`. 
Porém ao colocar o botão para abrir um modal ao lado do `input Crachá` elas ficam todas desalinhadas e sem formatação.

index.php

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <div class="col-lg-12">  
        <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><br><!-- Fim Input Crachá -->
    </div>

    <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>

<!-- end snippet -->