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中文網!