Spaces between Inputs in Twiter Bootstrap

0

In the registration forms both horizontal and vertical spacing become very large, I solved the problem by adding the margin-bottom: 10px; margin-right: -10px in each input, however , in the size sm and xm of the columns it loses the direct marge with this solution.

<div class="row">
    <div class="col-sm-6 col-md-6 col-lg-6">
        <div class="form-group form-float" style="margin-bottom:10px;margin-right:-10px">
            <div class="form-line">
                <label style="margin-bottom:-5px;">CNPJ*</label>
                <input id="in_cpf_cnpj" name="cpf_cnpj" type="text" class="form-control" readonly>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-6 col-lg-6">
        <div class="form-group form-float" style="margin-bottom:10px;margin-left:0px">
            <div class="form-line">
                <label style="margin-bottom:-5px">Inscrição estadual*</label>
                <input id="in_rg_insc_estadual" name="rg_insc_estadual" type="text" class="form-control">
            </div>
        </div>
    </div>
</div>

I also found this with a gambiarra face. Can you leave default for all inputs?

    
asked by anonymous 24.06.2017 / 12:39

1 answer

1

Add the following to a custom css sheet:

.form-group {
    margin-bottom:10px;
    margin-right:-10px;
}

I recommend using a custom css sheet, not the bootstrap standard. If you update the bootstrap version, you will lose the updates.

    
24.06.2017 / 16:21