1
resposta

Legendas do Carrossel

Olá!! No curso percebemos que a legenda do carrossel some no mobile devido a uma classe de responsividade do próprio bootstrap. Se por acaso cliente quiser manter a legenda no layout mobile, como fazemos ? Qual seria essa classe? Teria como alterar essa classe?

1 resposta

Fala ai Cristiane, tudo bem? Caso você queria manter a legenda no mobile você vai precisar sobreescrever os estilos padrões do Bootstrap.

Isso pode ser feito de N maneiras, mas, nesse momento eu recomendaria você pegar o seletor do carrossel e deixar a classe com !important (sim, algumas pessoas vão ser contra o uso do mesmo).

carousel-caption.d-md-block {
    display: block !important;
}

Nó código acima estamos basicamente dizendo para o Bootstrap que em qualquer situação o carousel-caption deve ser visivel.

Caso você não queira utilizar o important vai precisa criar um @media e dentro dele utilizar o seletor igual do Bootstrap ou mais específico (por conta desses fatores eu prefiro o important).

Espero ter ajudado.