Группы ввода больше, чем в Bootstrap 3, используя контейнер Jumbotron

Я экспериментирую со странным поведением в группах ввода Bootstrap 3. Когда я добавляю add-group-addon (текст или значок) к форме внутри jumbotron, высота группы ввода больше, чем ее высота ввода.

Здесь вы можете найти JsFiddle и скриншот с проблемой:

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

Живой пример наhttp://jsfiddle.net/DTcHh/

Скриншот:

Как я могу решить эту проблему? Я ищу решение Bootstrap, но если это невозможно, было бы неплохо, если бы вы могли помочь мне исправить это с помощью правил CSS.

Ответы на вопрос(6)

Ваш ответ на вопрос