Why the justify-content-xl-center class used in Bootstrap 4?

Bootstrap-4 - Interview Questions

Display flex items in the center of a flex container on extra-large screen using the justify-content-xl-center class used in Bootstrap.

We have used xl for extra-large screen size :

<div class="d-flex justify-content-xl-center bg-primary">

      Flex items
      -----------
      -----------

</div>