當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Bootstrap3基础 input-group-btn 按钮与输入框横向组合

發(fā)布時間：2024/4/14 编程问答 28 豆豆

生活随笔收集整理的這篇文章主要介紹了 Bootstrap3基础 input-group-btn 按钮与输入框横向组合小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

內(nèi)容參數(shù)

??OS	??Windows 10 x64
??browser	??Firefox 65.0.2
??framework??	??Bootstrap 3.3.7
??editor	??Visual Studio Code 1.32.1??
??typesetting	??Markdown

code

<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Demo</title><meta name="author" content="www.cnblogs.com/kemingli"><link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> </head><body><div class="container"><br /><form><div class="input-group"><input type="text" class="form-control" /><span class="input-group-btn"><button class="btn btn-primary">搜索</button></span></div></form></div><script src="bootstrap/js/jquery.min.js"></script><script src="bootstrap/js/bootstrap.min.js"></script> </body></html>

result

resource

[ 文檔 ] getbootstrap.com/docs/3.3
[ 源碼 ] github.com/twbs/bootstrap
[ 源碼 ] archive.mozilla.org/pub/firefox/releases/65.0/source/
[ 平臺 ] www.cnblogs.com
[ 平臺 ] github.com
[ 擴展 - 平臺] www.bootcss.com
[ 擴展 - 瀏覽器 ] www.mozilla.org/zh-CN/firefox/developer

Bootstrap是前端開源框架，優(yōu)秀，值得學(xué)習(xí)。
博文講述的是V3版本，更為先進的是V4版本。學(xué)有余力的話，可作簡單地了解。
Firefox是開源的瀏覽器，優(yōu)秀，值得關(guān)注。
面對開源框架，分析、領(lǐng)悟與應(yīng)用，能對其進行加減裁化，隨心所欲而不逾矩。
博文的質(zhì)量普通，僅供參考。盲目復(fù)制，處處是坑。Think twice before you act(三思而后行)！

轉(zhuǎn)載于:https://www.cnblogs.com/kemingli/p/10545395.html

超強干貨來襲云風(fēng)專訪：近40年碼齡，通宵達旦的技術(shù)人生

總結(jié)

以上是生活随笔為你收集整理的Bootstrap3基础 input-group-btn 按钮与输入框横向组合的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。