none
Diminuir distância com bootstrap RRS feed

  • Pergunta

  • 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>

    ...........

    quarta-feira, 25 de junho de 2014 14:59

Todas as Respostas

  • 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'.

    sexta-feira, 27 de junho de 2014 12:03