Загрузочный лот: размещение предметов бок о бок

Question

Я делаю форму в bootstrap и AngularJS, и пытаюсь сделать кнопку, появляющуюся рядом с текстовым вводом. Идея заключается в том, что это добавит в массив (длина неизвестна) У меня есть бэкэнд работает, но с помощью HTML:

<div class="form-group"> 
    <label for="item_list">Items</label> 
    <ul> 
     <li ng-repeat="i in items">{{ingr}}</li> 
    </ul> 

    <input type="text" class="form-control" id="item_list" placeholder="Add item"> <button class="btn btn-primary">Add</button> 
</div> 

Я не могу найти класс, встроенный в загрузчике, который сделает это сидеть бок- бок. Есть идеи?

Answer 1

Отъезд fiddle.

нужно обернуть его в инлайн тег формы:

<form class="form-inline" role="form"></form>