工具/材料SublimeText
操作方法【如何用Bootstrap制作輸入框組】01、首先用Sublime Text工具新建HTML5頁面 ， 導(dǎo)入bootstrap的樣式文件和腳本文件，如下圖所示
02、然后我們調(diào)用input-group樣式來讓輸入框組中的元素在同一行，如下圖所示
03、當然input-group-addon不只可以放在輸入框的前面，也可以放在輸入框的后面 ， 如下圖所示
04、也可以通過input-group-lg樣式讓輸入框組中的元素變大，還有其他的一些控制大小的樣式你可以查一下API
05、接下來你也可以在input前面加入復(fù)選框，如下圖所示 ， 將復(fù)選框放在input-group-addon里即可
06、還可以在輸入框組中定義button按鈕，如下圖所示 ， 按鈕可以通過btn-default,btn-primary等來定義樣式
07、最后也可以在輸入框的前面加入下拉菜單 ， 這種也是比較常用的功能，如下圖所示
推薦閱讀
- 如何運用C#的多線程技術(shù)
- 流量是如何變現(xiàn)的？
- SQLSERVER如何應(yīng)用執(zhí)行計劃
- SQLSERVER 如何應(yīng)用存儲過程
- 康佳如何利用智能聯(lián)動
- SQLSERVER如何創(chuàng)建數(shù)據(jù)庫關(guān)系圖
- Angular如何運用路由技術(shù)
- 消費水平如何推動家電產(chǎn)業(yè)
- JQuery的Autocomplete 插件如何應(yīng)用
- 如何合并兩段音樂