Как разместить иконку рядом с изображением внизу
Я пытался использовать дисплей и все такое, но не могу удалить значок из-под img.
Вы можете сделать это ...
<!doctype html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<meta name = "viewport" content = "width=device-width, initial-scale=1">
<title>Bootstrap demo</title>
<link href = "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel = "stylesheet">
<link rel = "stylesheet" href = "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
</head>
<body>
<div class = "container-fluid">
<div class = "row">
<div class = "col-6 d-flex justify-content-start">
<div class = "mt-5 ">
<img style = "height: 300px; width: 300px;" src = "https://images.unsplash.com/photo-1427830574887-32e5702033b0" alt = "" srcset = "">
</div>
<div style = "margin-top: auto; margin-bottom: -7px;"><i style = "font-size: 30px;margin: 0px;" class = "bi bi-trash3"></i></div>
</div>
</div>
</div>
<script src = "https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
Привет, не могли бы вы предоставить свой код, чтобы иметь возможность помочь вам, пожалуйста