Để có jumbotron toàn màn hình và không bo góc, hãy sử dụng lớp .jumbotron bên ngoài tất cả các lớp .container và thêm một .container bên trong.
Ví dụ
Bạn có thể chạy mã sau để triển khai điều này:
<!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 = "jumbotron"> <div class = "container"> <h1>Chào mừng đến trang đích!</h1> <p>Ví dụ cho jumbotron.</p> <p> <a class = "btn btn-primary btn-lg" role = "button"> Nhấn để xem thêm </a> </p> </div> </div> </body> </html>
Lưu ý: Bootstrap 5 đã loại bỏ component jumbotron, thay vào đó sử dụng các tiện ích như .bg-light, .p-5, .rounded-0 kết hợp với container-fluid.