Посмотрел некоторые ответы по этому вопросу здесь, но на свой вопрос не могу найти. Суть в следующем: надо выравнять блоки внутри другого по вертикали, но примеры с оф. сайта почему-то не работает. Как можно исправить или вариант только через JS провести?

<footer class="container ">      <div class="row align-center">         <div class="col-4 ">             <div class="row justify-content-start">                 <a href="/"><img src="<?= $  logo ?>" alt="logo"></a>             </div>         </div>         <div class="col">             <div class="row justify-content-center">                 <img src="/protected/m/img/logo_copyright.png" alt="Copyright">                 ...             </div>         </div>         <div class="col-4 ">             <div class="row justify-content-end">                 <a href="mailto:...">                     <img src="/protected/m/img/logo_email.png" alt="email"></a>                 <a href="skype:...">                     <img src="/protected/m/img/logo_skype.png" alt="Skype"></a>                 <a href="https://github.com/...">                     <img src="/protected/m/img/logo_githab.png"                          alt="GitHab"></a>             </div>         </div>     </div> </footer>