Eksperymentuję z dziwnym zachowaniem z grupami wejściowymi Bootstrap 3. Gdy dodaję dodatek do grupy wejściowej (tekst lub ikona) do postaci wewnątrz jumbotronu, wysokość grupy wejściowej jest większa niż jej wysokość wejściowa.

Tutaj możesz znaleźć JsFiddle i zrzut ekranu z problemem:

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

Przykład na żywo whttp://jsfiddle.net/DTcHh/

Zrzut ekranu:

Jak mogę rozwiązać ten problem? Szukam rozwiązania Bootstrap, ale jeśli nie jest to możliwe, byłoby miło, gdybyś mógł mi pomóc naprawić to za pomocą reguł CSS.