Bootstrap define clases de CSS para cubrir los elementos de diseño de sitios web más comunes, pero no puedo entender cómo especificar un archivo de imagen de fondo usando clases de Bootstrap sin agregar CSS personalizado y torpe.
Respuesta1
Tendrás que dar background-image:url(''); propiedad que usa estilo para proporcionar la ruta de la imagen y puede hacer que la imagen responda usando la clase .bg-image.
Así es como puede hacerlo:
agregue una imagen de fondo mediante CSS en línea.
Agregue la clase .bg-image para escalar la imagen correctamente y habilitar la capacidad de respuesta.
Ejemplo:
<div class="bg-image"
style="background-image: url('https://i.postimg.cc/ZnHTP71s/aircraft-airplane-boat-1575833.jpg');
height: 100vh">
</div>
vh significa altura de la ventana gráfica.
Aquí la altura:100vh significa el 100% de la altura disponible.