Início / computer / Perguntas / 1598330
Accepted
David Spector
Asked: 2020-10-30 13:00:19 +0800 CST

Bootstrap 4: Como incluir uma imagem de fundo sem CSS

  • 772

Bootstrap define classes CSS para cobrir os elementos de design de site mais comuns, mas não consigo descobrir como especificar um arquivo de imagem de fundo usando classes Bootstrap sem adicionar CSS personalizado desajeitado.

css

1 respostas

  1. Best Answer

    Você terá que fornecer background-image:url(''); propriedade usando style para fornecer o caminho da imagem e você pode tornar a imagem responsiva usando a classe .bg-image.
    Veja como você pode fazer isso:
    Adicione uma imagem de fundo via CSS embutido.
    Adicione a classe .bg-image para dimensionar a imagem corretamente e habilitar a capacidade de resposta.
    Exemplo:

    <div class="bg-image" 
     style="background-image: url('https://i.postimg.cc/ZnHTP71s/aircraft-airplane-boat-1575833.jpg');
            height: 100vh">
</div>

    vh significa altura da janela de visualização.
    Aqui a altura:100vh significa 100% da altura disponível.

    • 1

relate perguntas