O carousel ficou meio esquisito(mesmo no projeto final, baixado do alura).
A solução seria utilizar imagens com mesmo tamanho ou tem algo a se fazer com o bootstrap para isso?
O carousel ficou meio esquisito(mesmo no projeto final, baixado do alura).
A solução seria utilizar imagens com mesmo tamanho ou tem algo a se fazer com o bootstrap para isso?
Oi Caio, tudo certo?
O Bootstrap faz isso para não distorcer as fotos. Você pode fazer exatamente isso que você sugeriu, imagens do mesmo tamanho.
Outro caminho é você criar uma classe para as imagens ficarem com o mesmo tamanho, algo como:
.imgBugFixerCarousel{
width: auto;
height: 225px;
max-height: 225px;
}Espero ter ajudado,
Abcs!
Eu consegui arrumar o meu colocando uma class para @media(min-width:992px)
ficou assim:
Arquivo css:
/*DESKTOP*/
@media(min-width:992px) {
.imgBugFixerCarousel{
width:100%;
}
}Index:
<img src="img/depoimentos/projetos2.png" alt="Depoimento 3" class="imgBugFixerCarousel">
As respostas acima tão bem bacanas (: Dá pra usar um max-width também.
De qualquer forma tomar cuidado com o tamanho das imagens que coloca é sempre interessante para eventualmente não distorcer!
Abraço!