Bootstrap4 Jumbotron

Jumbotron creates a large gray background box where you can place special content and information.

Tip: You can include HTML tags or Bootstrap elements within a Jumbotron.

To create a jumbotron, add the .jumbotron class to a <div> element:

Example

<div class="jumbotron">
  <h1>tutorialpro.org</h1> 
  <p>Learning is not just about technology, it's about dreams!!!</p> 
</div>

Full-Screen Jumbotron

To create a full-screen jumbotron without rounded corners, add the .jumbotron-fluid class to the div and include the .container or .container-fluid class within it:

Example

<div class="jumbotron jumbotron-fluid">
  <div class="container">
      <h1>tutorialpro.org</h1> 
      <p>Learning is not just about technology, it's about dreams!!!</p>
  </div>
</div>