Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Background-image responsivo com bootstrap

css

.CaixadeTexto2{
    background-image: url(outralente.jpg);
}

html

<div class="CaixadeTexto2">
    <p class="text-justify">Mussum Ipsum, cacilds vidis litro abertis. Praesent vel viverra nisi. Mauris aliquet nunc non turpis scelerisque, eget. Leite de capivaris, leite de mula manquis sem cabeça. Admodum accumsan disputationi eu sit. Vide electram sadipscing et per. Atirei o pau no gatis, per gatis num morreus</p>
</div>

como deixar isso responsivo galera? Quem puder me ajudar eu agradeço desde já!

4 respostas
solução!

Oi Roberto, tudo bem?

Eu usaria a propriedade bg-size com o valor COVER, igual fiz no meu portfolio recentemente.

Espero ter ajudado,

Abcs!

Oi Roberto, a propriedade background-size aceita a opção contain onde o background será adaptado para o tamanho do componente (div) onde ele está sendo aplicado.

muito obrigado pela ajuda Wanderson e Natan

Oi Roberto,

Imagina!

Não se esqueça de sempre marcar uma reposta nos tópicos que abrir como solução, ok? Aí a comunidade Alura sabe que a dúvida foi sanada.

Abcs e bons estudos!