Bootstrap:并排放置物品

时间:2014-02-07 00:27:01

标签: html html5 twitter-bootstrap-3

我正在使用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>

我似乎无法找到一个内置于bootstrap中的类,这些类将使它们并排放置。有什么想法吗?

1 个答案:

答案 0 :(得分:1)

查看此fiddle

需要将其包装在内联表单标记中:

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