Bootstrap CSS class .justify-content-lg-around

    <div class="d-flex flex-wrap justify-content-lg-around bg-secondary" style="height: 50px;">
        <div class="px-4 bg-primary"></div>
        <div class="px-4 bg-info"></div>
        <div class="px-4 bg-primary"></div>
        <div class="px-4 bg-info"></div>
        <div class="px-4 bg-primary"></div>
        <div class="px-4 bg-info"></div>
    </div>