這篇文章主要介紹了Bootstrap3制作搜索框樣式的方法 的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
Bootstrap3中的很多樣式，都是需要我們進(jìn)行摸索著學(xué)習(xí)的，在制作類(lèi)似百度的素搜索框時(shí)，一開(kāi)始會(huì)不知道怎么做，其實(shí)很簡(jiǎn)單，利用內(nèi)聯(lián)圖標(biāo)方式就可以實(shí)現(xiàn)
<div class="input-group">
<input type="text" class="form-control input-lg"><span class="input-group-addon btn btn-primary">搜索</span>
</div>
通過(guò)'.input-group'將span內(nèi)聯(lián)到輸入框，我們只需要在這個(gè)span上面加上按鈕的樣式，就可以實(shí)現(xiàn)一個(gè)很不錯(cuò)的搜索框。
以上所述是小編給大家介紹的Bootstrap3制作搜索框樣式的方法的全部敘述，希望對(duì)大家有所幫助
公考類(lèi)
招聘類(lèi)
各類(lèi)考試
公眾號(hào)
事業(yè)單位
當(dāng)前位置：