Как восстановить флекс в одной части страницы?

Я создал сайт, с шаблоном this. Но почему-то у меня не работает flex в этой части, где находится копирайт. Я работаю в django и даже если я копирую тот же код, эта часть не работает. Есть идеи, как решить эту проблему? 

<!-- Fotter Bottom Area -->
<div class="footer-bottom-area">
    <div class="container h-100">
        <div class="row h-100">
            <div class="col-12 h-100">
                <div class="footer-bottom-content h-100 justify-content-between d-flex  align-items-center">
                    <div class="copyright-text d-flex">
                        <p>Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

enter image description here

У меня нет вашего кода CSS, поэтому трудно сказать, что не так. Но все же я написал этот код, дайте мне знать, если он будет полезен для вас.

.d-flex{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
<script src="https://kit.fontawesome.com/9c668c8ddc.js" crossorigin="anonymous"></script>
<div class="footer-bottom-area">
    <div class="container h-100">
        <div class="row h-100">
            <div class="col-12 h-100">
                <div class="footer-bottom-content h-100 justify-content-between d-flex  align-items-center">
                    <div class="copyright-text d-flex">
                        <p>Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a></p>
                              <div class="top">
                                  <i class="fas fa-caret-square-up"></i></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Вернуться на верх