Bootstrap justify-content -ween с центральным контентом, когда небольшое устройство с

Question

Я собираюсь сделать базовый c контент нижнего колонтитула, состоящий из 2 частей подряд: первая часть выровнена по левому краю, а вторая выровнена по правому краю.

Но я хочу изменить этот комментарий когда устройство с меньше, а затем оно должно выровняться следующим образом: первая часть получает строку и выравнивает центр, и то же самое для второй строки

Я могу что-то нарисовать, если вы не понимаете

Это моя попытка:

<footer class="container-fluid">
<div class="container">

        <div class="d-flex justify-content-between">

            <div class="">
                <a class="footer-item" href="#">Contact</a>
                <a class="footer-item ml-3" href="#">Réseaux sociaux</a>
            </div>

            <div class="">
                <a class="navbar-brand mr-0" href="#">
                    <img src="images/logos/project-full-logo.png" height="30"  alt="correct it full logo">
                </a>
            </div>

        </div>

    </div>

Если у кого-то возникнет идея, использующая bootstrap, а не медиа-запросы, она будет идеальной :) Я знаю, что могу сделать это с медиа-запросами, но если это возможно, я действительно хочу сделать это с bootstrap