Pasar al contenido principal

Imagen cabecera con Bootstrap

Descripción

Imprime la url de un campo imagen ( Ideal para background )

Para imprimir la imagen guardada en un campo tipo imagen...

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) }}; 

Copiar