Bootstrap：並排放置項目

我在bootstrap和AngularJS中創建了一個表單，並試圖讓一個按鈕出現在文本輸入的邊上。我們的想法是，這將添加到一個數組（長度未知）我有後臺工作，但使用HTML：Bootstrap：並排放置項目

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

我似乎無法找到內置自舉類，這將使這些坐副作用通過邊。有任何想法嗎？

來源

2014-02-07 Jacobm001

看看這個fiddle。

需要包裝它內聯表單標籤：

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

來源

2014-02-07 11:59:43 Robert

對不起，我也不是很清楚。這是我不想在線的大型表格的一小部分。這只是這一部分。 – Jacobm001

@ Jacobm001沒問題！以上應該仍然有效 - 修改了一下。看看這個[fiddle]（http://jsfiddle.net/n2uYH/1/），我做了一些修改，扔了一堆元素，但仍然用一個內聯類包裝了你想要的按鈕。 – Robert

Bootstrap：並排放置項目

回答

相關問題