Để ẩn một phần tử trong Bootstrap, sử dụng lớp .hidden.
Ví dụ
Bạn có thể chạy mã sau để ẩn một lớp:
<!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> <div class = "row" style = "padding: 91px 100px 19px 50px;"> <div class = "show" style = "left-margin:10px; width:300px; background-color:#ccc;"> Lớp này hiển thị. </div> <div class = "hidden" style = "width:200px; background-color:#ccc;"> Đây là ví dụ cho lớp ẩn. Sẽ bị ẩn. </div> </div> </body> </html>
Lưu ý quan trọng: Lớp .hidden chỉ tồn tại trong Bootstrap 3. Bootstrap 4/5 sử dụng các lớp tiện ích hiển thị responsive như .d-none, .d-sm-none, .d-md-block, v.v.