<Bootstrap> 学习笔记五. 按钮组的使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="bootstrap/css/bootstrap.css"> <link rel="stylesheet" href="bootstrap/css/bootstrap-theme.css"> <script src="bootstrap/js/jquery-3.2.1.js"></script> <script src="bootstrap/js/bootstrap.js"></script> <style> </style> </head> <body> <div class="container-fluid"> <!--按钮的颜色大小--> <button class="btn btn-primary btn-xs">增加</button> <button class="btn btn-warning btn-sm">增加</button> <button class="btn btn-success btn-md">增加</button> <input class="btn btn-danger btn-lg" type="button" value="删除"> <a class="btn btn-default" href="#">查找</a><br> <!--按钮组--> <div class="btn-group"> <button class="btn btn-success">增加</button> <button class="btn btn-success">增加</button> <button class="btn btn-success">增加</button> </div> </div> </body> </html>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步