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ì)大家有所幫助,如果大家想了解更多內(nèi)容敬請(qǐng)關(guān)注武林網(wǎng)!
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注