Por quê a versão para mobile não precisa usar d-xl-none?
img src="assets/Mobile/banner1-mobile.png" class="img-fluid d-md-none"
alt="modelo feminina em fundo lilás">
Por quê a versão para mobile não precisa usar d-xl-none?
img src="assets/Mobile/banner1-mobile.png" class="img-fluid d-md-none"
alt="modelo feminina em fundo lilás">
Olá, Jeferson, como vai?
Boa pergunta. No Bootstrap, a classe d-md-none
já resolve o que você precisa para a versão mobile, pois ela oculta o elemento a partir do breakpoint md (768px). Quando você usa a classe d-md-none
, está dizendo ao Bootstrap para esconder a imagem em telas de tamanho médio e acima. Isso significa que a imagem só será visível em telas menores que 768px, que são as telas de dispositivos móveis.
Portanto, não é necessário usar d-xl-none
para imagens que já estão sendo escondidas em tamanhos maiores, pois d-md-none
já cobre o caso de telas médias e maiores.
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar.
Abraços :)