首頁 > web前端 > js教程 > 主體

Bootstrap3製作搜尋框樣式的方法

高洛峰
發布: 2016-12-29 11:36:19
原創
1672 人瀏覽過

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


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!