Diminuir espaço vertical bootstrap

[manolegal 12]

Olá amigos

Gostaria de diminuir o espaçamento entre linhas no bootstrap, porém não está funcionando.

Tentei da seguinte forma:

.form_cad form{
    margin: 0!important;
    padding: 0!important;}
.form_cad h3{
    margin: 0!important;
    padding: 0!important;}
.form_cad row {
    margin: 0!important;
    padding: 0!important;}
.form_cad form-group{
    margin: 0!important;
    padding: 0!important;}
.form_cad input-group{
    margin: 0!important;
    padding: 0!important;}
.form_cad select{
    text-align: left;
    margin: 0!important;
    padding: 0!important;}
.form_cad label{
    margin: 0!important;
    padding: 0!important;}
.form_cad a{
    margin: 0!important;
    padding: 0!important;}
.form_cad button{
    margin: 0!important;
    padding: 0!important;}

Meu formulário:

<div class="container-fluid">
  div class="row-fluid">
  <div class="col-md-10">
    
    <h3 class="page-header">Meu Form</h3>
    
    <div class="row">
      
      <form id="cadastro" class="form_cad" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
    
                <div class="row">
                        <div class="form-group col-md-3 col-md-offset-2">
                            <label>Data Solicitação</label>
                            <div class="form-group">
                                <div class='input-group date' id='cal'>
                                    <input class="form-control form_input_recebe_foco" type="text" id="data_solicitacao" name="data_solicitacao" required autofocus maxlength="10" value="" placeholder="(Obrigatório)">
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                                </div>
                            </div>       
                        </div>
                    </div> <!-- /row -->
        
        
        <div class="row">
                        <div class="form-group col-md-3 col-md-offset-2">
                            <label for="qdade_horas">Quantidade Horas</label>
                            <input class="form-control form_input_recebe_foco" type="text" id="qdade_horas_dec" name="qdade_horas" maxlength="5" required autocomplete="off" value="">
                        </div>
                    </div> <!-- /row -->
        
        ..........

O estilo css não está funcionando em relação a diminuir o espaçamento entre as linhas do formulário. O que preciso fazer?

 

[Maujor 144]

Para diminuir o espaço entre os inputs declare:

#cadastro > div:first-child > div  { margin-bottom: -10px; }

Há outros espaços que você quer diminuir?

[manolegal 12]

Obrigado pelo retorno.

Diminuiu o espaço entre o primeiro e segundo campo.

Imagino que meu código esteja com algum problema (erro) no bootstrap, por exemplo no seguinte campo:

<div class="row">
     <div class="form-group col-md-3 col-md-offset-2">
     <label>Data Solicitação</label>
         <div class="form-group">
              <div class='input-group date' id='cal'>
              <input class="form-control form_input_recebe_foco" type="text" id="data_solicitacao" name="data_solicitacao" required autofocus maxlength="10" value="" placeholder="(Obrigatório)">
              <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
         </div>
      </div>       
     </div>
</div> <!-- /row -->

Desde já agradeço.

[Maujor 144]

@manolegal

3 horas atrás, manolegal disse:

Imagino que meu código esteja com algum problema (erro) no bootstrap, ....

Sim, está!

Para observar o seu código corrigido visite este Fiddle online.

 

A seguir transcrevo o código que coloquei no Fiddle:

<div class="container-fluid">
  <div class="row-fluid">
    <div class="row">
      <div class="col-lg-12">
        <h3 class="page-header">Meu Form</h3>
      </div>
    </div>  <!-- /row -->
    <div class="row">
      <div class="col-lg-12">
        <form id="cadastro" class="form_cad" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
          <div class="form-group">
            <label>Data Solicitação</label>
            <div class='input-group date' id='cal'>
              <input class="form-control form_input_recebe_foco col-lg-3" type="text" id="data_solicitacao" name="data_solicitacao" required autofocus maxlength="10" value="" placeholder="(Obrigatório)">
              <span class="input-group-addon">
                  <span class="glyphicon glyphicon-calendar"></span>
              </span>
            </div>
          </div>
        </form>
      </div>
    </div>  <!-- /row -->
    <div class="row">
      <div class="col-lg-12">
        <div class="form-group">
          <label for="qdade_horas">Quantidade Horas</label>
          <input class="form-control form_input_recebe_foco" type="text" id="qdade_horas_dec" name="qdade_horas" maxlength="5" required autocomplete="off" value="">
        </div>
      </div>
    </div>  <!-- /row -->
  </div>  <!-- row-fluid -->
</div>  <!-- container-fluid -->