0

введите сюда описание изображенияЕсть такой блок:

<div class="container my-5 p-5 z-depth-1 unique-color-dark">
                <section class="text-center white-text">
                    <h2 class="font-weight-bold mb-4 pb-2 text-uppercase">Эффекты</h2>
                    <p class="lead mx-auto mb-5">В зависимости от сорта чая, эффект может отличаться, но почти все
                        виды сходятся в нескольких вещах</p>
                    <div class="row">
                        <div class="col-md-4 mb-4 features">
                            <h5 class="font-weight-bold my-4 text-uppercase">Тонизирует</h5>
                            <p class="mb-md-0 mb-5">Пуэр очень хорошо употреблять перед спортивными тренировками,
                                перед экзаменами, водителям во время дальней дороги.
                            </p>
                        </div>
                        <div class="col-md-4 mb-4 features">
                            <h5 class="font-weight-bold my-4 text-uppercase">Улучшает пищеварение</h5>
                            <p class="mb-md-0 mb-5"> При регулярном употреблении улучшает пищеварение и обмен
                                веществ в организме
                            </p>
                        </div>
                        <div class="col-md-4 mb-4 features">
                            <h5 class="font-weight-bold my-4 text-uppercase">Успокаивает</h5>
                            <p class="mb-0"> Помогает сосредоточиться, справиться со стрессом, взять себя в руки
                            </p>
                        </div>
                    </div>
                </section>
            </div>

Элементы выглядят так: Подскажите пожалуйста как выровнять их по вертикали, то есть чтобы все три элемента были на одной линии

3
  • 1
    Приложите, пожалуйста стили которые сейчас у вас есть, а то не очень понятно - вам нужно как на картинке или у вас сейчас так как на картинке а нужно иначе
    – vantal
    26 мар 2020 в 20:10
  • Сейчас, очевидно, выравнивание (на картинке) по-вертикали у блоков выставлено по центру. Похоже надо, по верхнему краю. Но дальше - фиг знает. Как оформлены стили. через флексы, гриды и проч. Нужен пример стилей.
    – Quazimorda
    27 мар 2020 в 7:50
  • здесь MDBoostrap, никаких стилей дополнительных не использовал
    – Ram Ce
    28 мар 2020 в 18:54

1 ответ 1

0

Оберните эти 3 блока в еще один блок и задай ему будстраповський класс d-flex

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.