Imagen cabecera con Bootstrap

Instrucciones
  1. Entra a la web de bootrap para descargar localmente sus archivos CSS Y JS o conectar con ellos mediante CDN https://getbootstrap.com/

     
  2. Busca el Fluid jumbotron para usar como modelo de tu cabecera https://getbootstrap.com/docs/4.4/components/jumbotron

     
  3. Activa el modo depurador o debug para conocer las sugerencias sobre los nombres de tus planitllas
     
  4. Sustituye los textos por las variables twig que imprimirán el valor de tus campos
     
  5. Si quieres que la cabecera ocupe todo el ancho de la pantalla añade la clase row al lado de la clase "jumbotron-fluid"
Código
//Imprimirá la imagen desde la url donde se encuentra guardada

{{ file_url(content.field_imagen_cabecera['#items'].entity.uri.value) }}; 

Snippet relacionados