Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Estou em projeto da faculdade onde tenho vários cadastrados com muitos inputs, estou utilizando o bootstrap para o css, porém o estilo de altura entre seus inputs é meio grande , gostaria de saber se há alguma propriedade em css que diminua o espaçamento entre inputs
exemplo dos inputs com bootstrap com espaçamento meio grande gostaria de diminui-lo
/applications/core/interface/imageproxy/imageproxy.php?img=http://2.bp.blogspot.com/-fcnohkIyVF0/U6Qzh8MXbOI/AAAAAAAAAgs/6epc6YC__Kc/s1600/Capturar.PNG&key=3d7c34bf2773d13363f2737312e71fd144e8763d223738ae509b559e8dafe3ab" alt="Capturar.PNG" />
>
Difícil responder sem ver o código do formulário, contudo se você estiver usando a classe .input-group para os elementos div que marcam os campos basta declarar.
.input-group { margin-bottom: 0!important; }
O valor padrão desta propriedade é 10px.
Maujor, você concorda com o uso do !important nos atributos? Li em algum lugar, há algum tempo, que se você precisa utilizar o !important é porque seu CSS está mal planejado.
Desculpa se estou desvirtuando o assunto do post, mas gostaria de saber sua opinião.
Marlon.
Muito boa sua pergunta, embora como você já ressaltou, fora do contexto. Obrigado.
A resposta para sua pergunta é: concordo.
Para sua informação:
Os frameworks Bootstrap e Foundation, a folha de estilos normalize.css, o template HTML5 Boilerplate e tantos outros consagrados códigos CSS usam e abusam da diretiva !important em suas folhas de estilos.
Ela se destina a dar a mais alta especificidade para um seletor quando se trata da aplicação da declaração CSS a qual a diretiva foi anexada.
Isso evita a necessidade de criação de seletores compostos para sobrescrever regras CSS, além de ter a vantagem de interferir somente com a especificidade do seletor para uma declaração específica.
Grande Dino
Difícil responder sem ver o código do formulário, contudo se você estiver usando a classe .input-group para os elementos div que marcam os campos basta declarar.
.input-group { margin-bottom: 0!important; }
O valor padrão desta propriedade é 10px.