1
resposta

Colocar imagem como background através do bootstrap

Gente, estou colocando o background-image no css como sempre faço ( nunca deu erro) :

body{ background-image: url('assets/img/leo/tela.jpg'); background-size: 100vw 100vh; background-repeat: no-repeat; }

ocorre que não se porque o projeto é feito com bootstrap, ele não está funcionando . (Sim, eu linkei o css no head do HTML após o link do bootstrap e mesmo assim não funciona. testei o código sem o bootstrap e funcionou.

Existe a possibilidade de colocar uma imagem como background através de alguma classe do bootstrap? Já que não estou conseguindo no CSS?

1 resposta

Olá, Pietra! Como vai?

Sinto muito pelo seu problema. Acho que uma das duas alternativas abaixo pode te ajudar:

  • Utilizar "style" no elemento:

    Uma possível solução para o seu problema é utilizar a propriedade "style" dentro da tag do seu elemento. Veja um exemplo:

    HTML:

      <div style="background-image: url();"></div>
    
  • Utilizar "id"no elemento:

    Outra possível solução para o seu problema é utilizar o identificador "id" no seu elemento. Veja um exemplo:

    HTML:

    <div id="id-div"></div>
    

    CSS:

    #id-div{
        background-image: url();
    }
    

Espero que uma dessas opções te ajude. Fico à disposição!

Abraço!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!