Nuevo en Symfony 3.4: formularios diseñados para Bootstrap 4

Bootstrap, la librería de componentes frontend más popular del mundo, lleva años trabajando en su próxima gran versión: Bootstrap 4. Esta nueva versión abandona Less para pasarse a Sass, mejora el sistema de rejilla, incluye soporte opcional para Flexbox y muchos otros cambios y mejoras.

Ya que Bootstrap 4.0.0 está en beta desde agosto de 2017, en Symfony 3.4 hemos decidido incluir un nuevo tema de formularios para Bootstrap 4. Siguiendo las normas de los formularios de Symfony, si quieres usar este tema solamente en un formulario específico, tienes que añadir lo siguiente en la plantilla:

{# añade esto al principio de tu plantilla #}
{% form_theme form 'bootstrap_4_layout.html.twig' %}
 
{# este otro tema alternativo también está disponible #}
{% form_theme form 'bootstrap_4_horizontal_layout.html.twig' %}

Si por el contrario quieres aplicar este diseño a todos los formularios de la aplicación, añade lo siguiente en la configuración de Twig:

# app/config/config.yml
twig:
    form_themes: ['bootstrap_4_layout.html.twig']
 
    # o si prefieres el diseño horizontal:
    # form_themes: ['bootstrap_4_horizontal_layout.html.twig']

Este nuevo tema es muy similar al ya existente para Bootstrap 3, pero incorpora multitud de retoques y mejoras en todos los elementos del formulario, tal y como puedes ver en la siguiente comparación (Bootstrap 4 en la izquierda, Bootstrap 3 en la derecha):

Esta funcionalidad fue contribuida por Hidde Wieringa en el Pull Request #21751.

Fuente: New in Symfony 3.4: Bootstrap 4 form theme

• © 2024 - symfony.es
• Contacto
• Privacidad
• Condiciones
• v7