Estilos y rutas¶

El archivo conocido como Layout en versiones anteriores de syfmony esta en:

app/Resources/views/base.html.twig

Para definir las rutas de los estilos modificamos el archivo

app/config/config.yml

un ejemplo de definicion de ruta de imagenes es:

framework:
    assets:
        packages:
            img:
                base_path: /bundles/app/images/

la ruta donde alojaremos nuestras imagenes es en la carpeta web/bundles/app/images/

en el base.thml.twig lo referenciamos como

<li><a href="#1"><img src="{{ asset('thumb1.jpg', 'img') }}" alt=""><strong>Class aptent</strong> $ 199</a></li>

donde

{{ asset('thumb1.jpg', 'img') }}

ya es interpretado por el framework

CSS

Con respecto a los estilos CSS se puede declarar de la misma forma

framework:
    assets:
        packages:
            img:
                base_path: /bundles/app/images/
            css:
                base_path: /bundles/app/css/

y en el base.thml.twig

<link rel="stylesheet" type="text/css" media="screen" href="{{ asset('style.css', 'css') }}">