Diminuir distância com bootstrap

Question

Como eu faço para diminuir as distâncias entre controles, usando bootstrap. Abaixo só um exemplo de como está e como gostaria que ficasse.

<div id="tabs-2">
   <form class="form-horizontal" role="form">

      <div class="form-group">
        <label for="txtCnpj" class="col-md-2 control-label">CNPJ:</label>
        <div class="col-md-4">
          <input type="text" class="form-control" id="txtCnpj" placeholder="Digite o Cnpj">
        </div>
          <label for="imgStatus" class="col-md-2 control-label">Status:</label>
          <div class="col-md-2">
              <img src="~/Images/Certo.png" class="img-responsive col-md-4 control-label" id="imgStatus"/>
        </div>
      </div>

       <div class="form-group">
        <label for="lblRazao" class="col-md-2 control-label">Razão Social:</label>
        <div class="col-md-6">
          <input type="text" class="form-control" id="txtRazaoSocial" placeholder="Digite a razão social">
        </div>
      </div>

       <div class="form-group">
        <label for="lblIdEvento" class="col-md-2 control-label">ID Evento:</label>
        <div class="col-md-2">
          <input type="text" class="form-control" id="txtIdEvento" placeholder="Digite um evento">
        </div>
      </div>

...........

Answer 1

Se você quer diminuir a distância entre os inputs por exemplo você pode usar o margin do css
Exemplo:

#txtCnpj{margin-top: -10px;}

É mais ou menos isso que você queria?
Se for e precisar de mais ajuda só pergunta.

Abraço.

---

Se a resposta foi útil marcar 'como resposta'.