Как выровнять див в контейнере по низу?

Question

[Людмила]

Добрый день! Подскажите, пожалуйста, как выровнять div по низу своего (даже не родителя, а дедушки)?

Есть такая структура:

<header>
        <div class="container-fluid av_clear">
            <div class="rg_img_header">
                <div class="container">
                    <div class="row">
                        <div class="col-12 col-sm-5">(тут логотип)</div>
                        <div class="col-7">
                            <div class="col-12 rg_phone">(тут телефон)</div>
                            <div class="col-12 rg_navi_header">
                                <nav class="main_menu_cont">(тут меню)</nav>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="rg_slogan">(тут слоган большими буквами)</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

Где - rg_img_header - картинка определенной высоты - в 700 px

И надо слоган (контейнер наверно со слоганом) выровнять по низу этой картинки... Как это сделать? Подскажите плиз...

Answer 1

[Ilya Muromtsev]

Я бы закинул в какой нить онлайн редактор, чтобы явно созерцать ваш вопрос

Answer 2

[Pavel Zuev]

Думаю вам поможет навешать класс: align-items-end