DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Bootstrap3制作搜索框樣式的方法
Bootstrap3制作搜索框樣式的方法
編輯:關於JavaScript     

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制作搜索框樣式的方法的全部敘述,希望對大家有所幫助,如果大家想了解更多內容敬請關注!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved