Ir ao conteúdo

Posts recomendados

Postado

Estou fazendo um carousel com bootstrap, porém cada imagem tem um tamanho diferente, como faço para as imagens ficarem proporcionais a div, assim na hora de trocar o slide fiquem iguais os tamanhos. Obs: não mexi no css está com os padrões do bootstrap, as imagens estão ocupando toda largura da tela, mas as alturas n batem.

 

<div id="carouselSlide" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner" id="teste">
            <ol class="carousel-indicators">
                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
            </ol>

            <div class="carousel-item active" id="imgSlide">
                <img class="d-block w-100" src="./img/slide-2.jpg" alt="First slide">
                <div class="carousel-caption d-none d-md-block">
                    <h5>...</h5>
                    <p>...</p>
                </div>
            </div>
          	<div class="carousel-item active" id="imgSlide">
                <img class="d-block w-100" src="./img/slide-2.jpg" alt="Second slide">
                <div class="carousel-caption d-none d-md-block">
                   	<h5>...</h5>
                    <p>....</p>
                </div>
            </div>
  		</div>
  </div>

 

Postado

@Thesalos Bom tem algumas formas de corrigir isso, vou citar duas formas.

 

A primeira é colocando imagens com o mesmo tamanho, assim tudo vai ficar alinhado.

A segunda é definindo uma altura para a div e forçando a img a fica nessa altura ou colocando a img em 100% de altura, dessa forma ela vai ficar com a altura da div.

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

LANÇAMENTO!

eletronica2025-popup.jpg


CLIQUE AQUI E BAIXE AGORA MESMO!