Bootstrap 3 Textarea с кнопкой ввода группы и вертикальной группой btn

Question

Я использую bootstrap 3, у меня есть форма с текстовой областью и двумя кнопками.Я хочу сгруппировать кнопки с btn-group-vertical и textarea с кнопками с input-group-button.

Мой код такой:

<form>
    <div class="input-group">
        <textarea class="form-control" rows="2" style="resize:none"></textarea>
        <span type="submit" class="input-group-addon btn btn-primary">Button 1</span>
        <span type="submit" class="input-group-addon btn btn-primary">Button 2</span>
    </div>
</form>

В этом варианте кнопки остаются такими большими.

Второй параметр:

<form>
    <div class="input-group">
        <textarea class="form-control" rows="2" style="resize:none"></textarea>
        <span class="input-group-addon">
            <span class="btn-group-vertical">
                <span type="submit" class="btn btn-primary">Button 1</span>
                <span type="submit" class="btn btn-danger">Button 2</span>
            </span>
        </span>
    </div>
</form>

Я хотел бы что-то вроде второго варианта, но без серого поля и этого поля.

Может ли кто-нибудь мне помочь?

Answer 1

В вашем css файле напишите

.input-group-addon{
  padding: 0;
}

и это уберет отступы вокруг кнопок.