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

Snippets relacionados

Lo siento!!!, todavía no tengo contenidos del blog para esta categoría, pero puedes buscar en los Blog o en Cursos

También puedes utilizar el buscador de la parte superior, para encontrar lo que buscas en toda la web.

Más Snippets