使用 Bootstrap 实现任意按钮尺寸的下拉菜单
bootstrapweb developmentcss framework更新于 2026/2/8 13:32:17
使用 btn-large、.btn-sm 或 .btn-xs 类，即可实现任意按钮尺寸的下拉菜单。
让我们看一个 btn-large 的示例
示例
<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet"> <script src = "/scripts/jquery.min.js"></script> <script src = "/bootstrap/js/bootstrap.min.js"></script> </head> <body> <div class = "btn-group"> <button type = "button" class = "btn btn-default dropdown-toggle btn-lg" data-toggle = "dropdown"> Default <span class = "caret"></span> </button> <ul class = "dropdown-menu" role = "menu"> <li><a href = "#">Action</a></li> <li><a href = "#">Another action</a></li> <li><a href = "#">Something else here</a></li> <li class = "divider"></li> <li><a href = "#">Separated link</a></li> </ul> </div> </body> </html>
