Sử dụng lớp .btn-group để làm việc với nhóm nút Bootstrap. Bạn có thể chạy mã sau để tạo nhóm nút:
Ví dụ
<!DOCTYPE html> <html> <head> <title>Ví dụ Bootstrap</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> <p>Dưới đây là các nút:</p> <div class = "btn-group"> <button type = "button" class = "btn btn-default">A</button> <button type = "button" class = "btn btn-default">B</button> <button type = "button" class = "btn btn-default">C</button> </div> </body> </html>
Lớp .btn-group gom nhiều nút lại thành một khối liên tục, bỏ khoảng cách giữa các nút. Có thể kết hợp với .btn-toolbar cho thanh công cụ phức tạp hơn.