gcogco10 Ответов: 1

Как уменьшить изображение в папку загрузки карты?

Привет Команда

Я изо всех сил пытаюсь уменьшить папку изображений внутри моей загрузочной карты, папка большая, и она заполняет всю карту целиком. Я хочу найти вокруг него, если какой-нибудь помощник может помочь мне в том, что у меня есть ниже.

Что я уже пробовал:

<pre>  <div class="card" style="width: 18rem;">
                                        <div class="jump-response"></div>
                                        <div class="card-body d-flex flex-1">
                                            <a href="#" class="btn btn-primary pull-left">Published</a>
                                        </div>

                                        <div class="card-body d-flex flex-center">
                                            <a href="@Url.Action("Modules","Home")" class="card-link pull-left">Me</a>
                                            <img class="card-img-top" src="~/Images/folders/folder-icon.png" >

                                        </div>
                                    </div>

1 Ответов

Рейтинг:
8

Richard Deeming

Установите ширину изображения:

<img class="card-img-top" src="~/Images/folders/folder-icon.png" style="width:32px;">
Или установите максимальную ширину изображения: 
<img class="card-img-top" src="~/Images/folders/folder-icon.png" style="max-width:32px;">
Или используйте утилиты компоновки сетки: 
<div class="row">
    <div class="col-sm">
        <a href="@Url.Action("Modules","Home")" class="card-link">Me</a>
    </div>
    <div class="col-sm-1">
        <img class="card-img-top" src="~/Images/folders/folder-icon.png">
    </div>
</div>