How to align blocks (div) in bootstrap 4?

Question

Bootstrap

In the footer, I can’t align the blocks (div) in one line and that they would be in the center (horizontal).
split blocks on the bootstrap grid (col-lg-3, col-lg-6, col-lg-3)

<footer class="main-footer">
        <div class="container">
            <div class="row align-items-lg-center justify-content-lg-between">
                <div class="col-lg-3">
                    <div class="b-logo">
                        <img src="img/footer_logo.png" alt="">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="credits">
                        2020/Все права защищены
                    </div>
                    <div class="credits">
                        <span class="show-modal">Политика конфиденциальности</span>
                    </div>
                    <div class="col-lg-3">
                        <div class="b-contacts">
                            <div class="b-contacts__phone">
                                <img src="img/footer_call.png" alt="">
                            </div>
                            <div class="b-contacts__numbers">
                                <a href="tel:[phone]">[phone]</a>
                                <a href="tel:[phone]">[phone]</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>

.main-footer{
    background-color: #23aae2;
    padding-top: 31px;
    padding-bottom: 23px;
}

.show-modal{
    border-bottom: 1px dotted #d9d9d9;
    cursor: pointer;
}

.credits{
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: white;
  }

Answer 1

You have a column inserted into a column there, I think this is a typo and you need this: