Display Flex CSS on Bootstrap 4

file.html

          <div class="col-sm-6 px-0">
            <h5>Recent <span class="badge badge-secondary">New</span></h5>
            <ul class="list-group">
              <li class="list-group-item d-flex justify-content-between align-items-center">
                Cras justo odio
                <span class="badge badge-primary badge-pill">12/12/12</span>
              </li>
              <li class="list-group-item d-flex justify-content-between align-items-center">
                Dapibus ac facilisis in
                <span class="badge badge-primary badge-pill">12/12/12</span>
              </li>
              <li class="list-group-item d-flex justify-content-between align-items-center">
                Morbi leo risus
                <span class="badge badge-primary badge-pill">12/12/12</span>
              </li>
            </ul>
          </div>