Bootstrap3製作搜尋框樣式的方法

Bootstrap3中的許多樣式，都是需要我們進行摸索著學習的，在製作類似百度的素搜尋框時，一開始會不知道怎麼做，其實很簡單，利用內聯圖標方式就可以實現

<div class="input-group">
<input type="text" class="form-control input-lg"><span class="input-group-addon btn btn-primary">搜索</span>
</div>

透過'.input-group'將span內聯到輸入框，我們只需要在這個span上面加上按鈕的樣式，就可以實現一個很不錯的搜尋框。

以上所述是小編給大家介紹的Bootstrap3製作搜尋框樣式的方法的全部敘述，希望對大家有所幫助，如果大家想了解更多內容敬請關注PHP中文網！

更多Bootstrap3製作搜尋框樣式的方法相關文章請關注PHP中文網！