Bootstrap 5 Jumbotron by Vivek Kumar Output View Horizontal Vertical HTML CSS JS Tidy <div class="ccontainer"> <div class="row gx-4 gx-lg-5 justify-content-center"> <div class="col-md-8 mt-4"> <div class="mt-4 p-5 bg-light rounded"> <h1 class="display-4">Bootstrap 5 Jumbotron</h1> <p class="lead">This is a simple Bootstrap 5 Jumbotron hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p> <hr class="my-4"> <img src="https://fastly.picsum.photos/id/58/1280/853.jpg?hmac=YO3QnOm9TpyM5DqsJjoM4CHg8oIq4cMWLpd9ALoP908" width=300></p> <p>Here you can view all the images Lorem Picsum provides.</p> <a class="btn btn-primary btn-lg" href="#" role="button">Get Started</a> </div> </div> </div> </div> HTML CSS JS Tidy HTML CSS JS Tidy >_Console Clear Console >_Console File Setting HTML Code Playground Setting Title Description This is a simple Bootstrap 5 Jumbotron hero unit, a simple Jumbotron-style component for calling extra attention to featured content or information. Catagory Bootstrap Tags Bootstrap5 Call To Action Hero Section Resource Add External Stylesheets and Script <link rel="stylesheet" href= "https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" /> <script src= "https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"> </script>
