Example

<div class="jumbotron">
  <h1 class="display-4">Hello, world!</h1>
  <p class="lead">This is a paragraph.</p>
  <hr class="my-4">
  <p>This is a paragraph.</p>
  <p class="lead">
    <a class="btn btn-primary btn-lg" href="#" role="button">This is a button</a>
  </p>
</div>

Result:

Example

Jumbotron Css:

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}