I am trying to solve what I consider a problem, I have some fields that are hidden and are only displayed with some radios are selected and are working, but what I would like to know is if a way to decrease the spacing that exists today even with the fields being hidden, I know this can and should be some mistake I made, I'm using Bootstrap 3 .
My Código , I was not able to insert by Amostra de Código , it's getting unconfigured so show to insert by Trecho de código .
<fieldset>
<div class="row">
<div class="form-group">
<div class="col-md-4 col-sm-4">
<label>Horário de trabalho: Segunda a Sexta *</label>
<input type="text" name="contact[email]" value="" class="form-control required">
</div>
<div class="col-md-4 col-sm-4">
<label>Horário de trabalho: Sábado *</label>
<input type="text" name="contact[email]" value="" class="form-control required">
</div>
<div class="col-md-4 col-sm-4">
<label>Horário de Intervalo *</label>
<input type="text" name="contact[email]" value="" class="form-control required">
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="col-md-12 col-sm-12">
<label>Jornada de Trabalho *</label>
<label class="radio">
<input type="radio" name="JornadaTrabalho" value="1"><i></i> Turno 12 x 36</label>
<label class="radio">
<input type="radio" name="JornadaTrabalho" value="2"><i></i> Horas Extras - horário operacional - Sábado</label>
<label class="radio">
<input type="radio" name="JornadaTrabalho" value="3"><i></i> Outros Horários</label>
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="MostraOutrosHorarios col-md-12 col-sm-12" style="display: none;">
<label>Outros Horários *</label>
<input type="text" name="OutrosHorarios" value="" class="form-control required">
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="col-md-12 col-sm-12">
<label>Trabalhou anteriormente na Empresa? *</label>
<label class="radio">
<input type="radio" name="Historico" value="1"><i></i> Sim</label>
<label class="radio">
<input type="radio" name="Historico" value="2"><i></i> Não</label>
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="MostraHistorico col-md-6 col-sm-6" style="display: none;">
<label>Informar o Local *</label>
<input type="text" name="OutrosHorarios" value="" class="form-control required">
</div>
<div class="MostraHistorico col-md-6 col-sm-6" style="display: none;">
<label>Em que período? *</label>
<input type="text" name="OutrosHorarios" value="" class="form-control required">
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="MostraHistorico col-md-6 col-sm-6" style="display: none;">
<label>Em que função? *</label>
<input type="text" name="OutrosHorarios" value="" class="form-control required">
</div>
<div class="MostraHistorico col-md-6 col-sm-6" style="display: none;">
<label>Motivo da saída? *</label>
<input type="text" name="OutrosHorarios" value="" class="form-control required">
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="col-md-12 col-sm-12">
<label>Especificar motivo *</label>
<label class="radio">
<input type="radio" name="EspecificarMotivo" value="1"><i></i> Aumento de Efetivo</label>
<label class="radio">
<input type="radio" name="EspecificarMotivo" value="2"><i></i> Safra (Employer)</label>
<label class="radio">
<input type="radio" name="EspecificarMotivo" value="3"><i></i> Substituição</label>
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="JustificarMotivo col-md-6 col-sm-6" style="display: none;">
<label>Substituição à *</label>
<input type="text" name="OutrosHorarios" value="" class="form-control required">
</div>
<div class="JustificarMotivo col-md-6 col-sm-6" style="display: none;">
<label>Motivo da Substituição *</label>
<input type="text" name="OutrosHorarios" value="" class="form-control required">
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="col-md-12 col-sm-12">
<label>Recebimento *</label>
<label class="radio">
<input type="radio" name="Recebimento" value="1"><i></i> Cheque</label>
<label class="radio">
<input type="radio" name="Recebimento" value="2"><i></i> Conta Bancária</label>
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="MeioPagamento col-md-4 col-sm-4" style="display: none;">
<label>Banco *</label>
<input type="text" name="OutrosHorarios" value="" class="form-control required">
</div>
<div class="MeioPagamento col-md-4 col-sm-4" style="display: none;">
<label>Agência *</label>
<input type="text" name="OutrosHorarios" value="" class="form-control required">
</div>
<div class="MeioPagamento col-md-4 col-sm-4" style="display: none;">
<label>Conta Corrente *</label>
<input type="text" name="OutrosHorarios" value="" class="form-control required">
</div>
</div>
</div>
</fieldset>An image to illustrate:
The rectangles in red show the spacings I'm having, I could not reduce them and I do not know if you can do it.