bymas.ru | Bootstrap 4

KATSTAT.RU-ТОП РЕЙТИНГ САЙТОВ С ОТДАЧЕЙ
Уникальная онлайн игра! ЗАЙДИ И ОЦЕНИ!
Дешёвый Хостинг Сайтов
ЗАХОДИ СКОРЕЙ ?
WorldByte - Наш хостинг - партнер

Топ дня:

[B]ravo

Тема закрыта by DELETED
Причина: пффф

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

вот вёрстка



<div class="text-left text-warning">

    <span class="flag-icon flag-icon-ru"></span> <?= $user->login ?><br>

    <span class="text-white">Уровень: <?= $user->lvl ?>, Альянс: ????, Рейтинг: ???????</span>

</div>

<div class="row align-items-center my-1 mx-0">

    <div class="col-3 pl-0 pt-0 pr-1 pb-0">

        <img src="/images/avatars/<?= $user->id_avatar ?>.jpg" class="w-100 rounded" alt="avatar">

    </div>

    <div class="col-9 border border-secondary p-0 rounded">

        123

    </div>

</div>

вот вид

Изображение

------

66733_3.png (128.6 Kb)
Скачиваний: 113

сам спросил - сам ответил



<div class="text-left text-warning">

    <span class="flag-icon flag-icon-ru"></span> <?= $user->login ?><br>

    <span class="text-white">Уровень: <?= $user->lvl ?>, Альянс: ????, Рейтинг: ???????</span>

</div>

<div class="row d-flex my-1 mx-0">

    <div class="col-3 pl-0 pt-0 pr-1 pb-0">

        <img src="/images/avatars/<?= $user->id_avatar ?>.jpg" class="w-100 rounded" alt="avatar">

    </div>

    <div class="col-9 border border-secondary p-0 rounded">

        123

    </div>

</div>

Изображение

------

66734_4.png (177.1 Kb)
Скачиваний: 105

Онлайн: 9