Bootstrap 4 Jumbotron

Bootstrap 4 Jumbotron

Learn Bootstrap 4 Jumbotron

Learn how to use Bootstrap 4 to create Jumbotron, to showcase content and messages.

 

Bootstrap 4 Learge Jumbotron

Bootstrap 4 Jumbotron

 

You can create a large, flexible display component spanning the entire viewport using class .jumbotron , its useful to showcase content and messages.

<!-- class="jumbotron"-->
<div class="jumbotron">
  <h1 class="display-3">Bootstrap 4 Tutorials</h1>
  <p class="lead">Bootstrap Jumbotron to highlight speciality of your wesbites.</p>
  <hr class="m-y-md">
  <p>Use this Feature to Display Content and Messages 
  spanning the entire viewport.</p>
  <p class="lead">
    <a class="btn btn-success btn-lg" href="#" role="button">Visit Now</a>
  </p>
</div>

 

Bootstrap 4 Fluid Jumbotron

Bootstrap 4 Tutorial

A Fluid Jumbotron can be created using class .jumbotron-fluid and within it add class .container or .container-fluid

 

<!-- class="jumbotron"-->
<div class="jumbotron">
<div class="container">
  <h1 class="display-3">Bootstrap 4 Tutorials</h1>
  <p class="lead">Bootstrap Jumbotron to highlight speciality of your wesbites.</p>
  <hr class="m-y-md">
  <p>Use this Feature to Display Content and Messages 
  spanning the entire viewport.</p>
  <p class="lead">
    <a class="btn btn-success btn-lg" href="#" role="button">Visit Now</a>
  </p>
</div>
</div>

 

 

Thank You for visit Webriceter.com Design & Develop by Abdur Rahaman