introducir el código aquíTengo una consulta con respecto a boostrap y su sistema de grid , estaba programando una galeria estilo mosaico y me estaba basando en gran medida en estos 2 porfolios
Sobre todo la consulta viene por parte del segundo porfolio que tiene una galeria bastante llamativa donde algunas imagenes ocupan una fila y una columna y otras ocupan solo una posicion, hasta donde tengo entendido boostrap no permite expandir una columna o fila y esa es la consulta que les queria hacer comunidad , si se puede lograr un efecto parecido a la segunda galeria con boostrap 5 y la otra consulta es que consejo me pueden dar para normalizar las imagenes dal carrusel , supongo que yo mismo me tengo que encargar de poner imagenes de los mismos pixeles para que no se deforme el carrusel como el primer porfolio
Un ejemplo minimo para que se puedan dar una idea
https://batvizz.github.io/Ejemplo-Minimo/ilustration.html
introducir el código <div class="container ">
<div class="row m-3">
<div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="imagenes/1.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="imagenes/2.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="imagenes/3.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="imagenes/imagen1.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="imagenes/imagen2.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="imagenes/imagen3.jpg" class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div class="col-lg-3 ">
<img class="img-fluid m-2" src="imagenes/imagen1.jpg" alt="">
</div>
<div class="col-lg-3 ">
<img class="img-fluid m-2" src="imagenes/imagen2.jpg" alt="">
</div>
<div class="col-lg-3 ">
<img class="img-fluid m-2" src="imagenes/imagen3.jpg" alt="">
</div>
<div class="col-lg-3 ">
<img class="img-fluid m-2" src="imagenes/imagen4.jpg" alt="">
</div>
<div class="col-lg-3 ">
<img class="img-fluid m-2" src="imagenes/imagen5.jpg" alt="">
</div>
<div class="col-lg-3 ">
<img class="img-fluid m-2" src="imagenes/imagen6.jpg" alt="">
</div>
<div class="col-lg-3 ">
<img class="img-fluid m-2" src="imagenes/imagen7.jpg" alt="">
</div>
<div class="col-lg-3 ">
<img class="img-fluid m-2" src="imagenes/imagen9.jpg" alt="">
</div>
<div class="col-lg-3 ">
<img class="img-fluid m-2" src="imagenes/imagen8.jpg" alt="">
</div>
<div class="col-lg-3 ">
<img class="img-fluid m-2" src="imagenes/imagen10.jpg" alt="">
</div>
<div class="col-lg-3 ">
<img class="img-fluid m-2" src="imagenes/imagen5.jpg" alt="">
</div>
<div class="col-lg-3 ">
<img class="img-fluid m-2" src="imagenes/imagen4.jpg" alt="">
</div>
</div>
</div>aquí