Loading...
(x)HTML/WML/CSS | Bootstrap 4
млять редко такое нужно и всегда приходится искать ответ: как по высоте выровнять блоки, вот слева картинка и нужно справа блок выровнять по высоте картинки, чтобы серая рамка была по высоте картинки

вот вёрстка

<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)
Скачиваний: 166
сам спросил - сам ответил :-[


<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)
Скачиваний: 159
Онлайн: 4
Время:
Gen. 0.0521
(c) ByMAS.RU 2010-2025