Grupos de entrada maiores que a entrada no Bootstrap 3 usando o contêiner Jumbotron
Estou experimentando um comportamento estranho com os grupos de entrada do Bootstrap 3. Quando eu adiciono um addon de grupo de entrada (texto ou ícone) a um formulário dentro de um jumbotron, a altura do grupo de entrada é maior que sua altura de entrada.
Aqui você pode encontrar um JsFiddle e uma captura de tela com o problema:
<div class="jumbotron">
<h1>Jumbotron with form</h1>
<form>
<div class="input-group">
<input type="text" class="form-control" placeholder="Username">
<span class="input-group-addon">@</span>
</div>
</form>
</div>
Exemplo vivo emhttp://jsfiddle.net/DTcHh/
Captura de tela:
Como posso resolver este problema? Eu estou procurando uma solução de Bootstrap, mas se isso não for possível, seria bom se você pudesse me ajudar a corrigi-lo com regras CSS.