Bootstrap 4 display-1/display-4

Example

<div class="display-1">title</div>
<div class="display-2">title</div>
<div class="display-3">title</div>
<div class="display-4">title</div>

Result:

Example

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}