如何减小Bootstrap中卡的大小

Question

我正在学习html和CSS，并且正在编辑自己的引导模板。我想知道如何将这三个字段并排放置在同一行上。

我的网站：http://tratspay.com/app/rastreio.html

当前代码：

<div class="row">
    <div class="col-lg-3 m-b-4">
        <!-- Card -->

        <p class="card-text">Transportadora:</p>
        <select class="form-control">
            <option>-- Selecione</option>
            <option>Correios</option>
        </select>
    </div>
    <!-- Card -->
    <div class="col-lg-3 m-b-4">
        <!-- Card -->

        <p class="card-text">Número de Transação:</p>
        <fieldset class="form-group">

            <input class="form-control" id="basicInput" type="text">
        </fieldset>

    </div>
    <!-- Card -->
</div>
<div class="col-lg-3 m-b-4">
    <!-- Card -->

    <p class="card-text">Código de Rastreio:</p>
    <fieldset class="form-group">

        <input class="form-control" id="basicInput" type="text">
    </fieldset>


    <!-- Card -->


    <div class="col-lg-3 m-b-4">
        <!-- Card -->

        <a href="#" class="btn btn-primary">Salvar</a> </div>
</div>

</div>

<div class="col-lg-12 m-t-6">

</div </div> </div> </div> </div>