Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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;} margin: 0!important;
padding: 0!important;} margin: 0!important;
padding: 0!important;} margin: 0!important;
padding: 0!important;} margin: 0!important;
padding: 0!important;}
.form_cad select{
text-align: left;
margin: 0!important;
padding: 0!important;} margin: 0!important;
padding: 0!important;} margin: 0!important;
padding: 0!important;} 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?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.@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 -->
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?