Как поменять размер карточки в bootstrap 5.3

<div id="carouselExample" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="card.png" class="d-block w-50 img-fluid" alt="Image 1">
</div>
<div class="carousel-item">
<img src="card.png" class="d-block w-50 img-fluid" alt="Image 2">
</div>
<div class="carousel-item">
<img src="card.png" class="d-block w-50 img-fluid" alt="Image 3">
</div>
</div>
</div>

В Bootstrap 5.3 для изменения размера изображения вы можете использовать классы .w-100 и .h-100. Вот что-то, что может помочь:


<div id="carouselexample" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="card.png" class="d-block w-100 h-100 img-fluid" alt="image 1">
</div>
<div class="carousel-item">
<img src="card.png" class="d-block w-100 h-100 img-fluid" alt="image 2">
</div>
<div class="carousel-item">
<img src="card.png" class="d-block w-100 h-100 img-fluid" alt="image 3">
</div>
</div>
</div>



. w-100 класс задает ширину изображения 100% от родительского контейнера, а .h-100 класс задает высоту изображения 100% от родительского контейнера.