Группы ввода больше, чем в 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.