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

Comentarios

Compartir en

Publicada el

4 de octubre de 2017

Etiquetas

Proyectos Symfony destacados

La plataforma de eCommerce 100% Symfony que rivaliza con Magento y PrestaShop. Ver más

Descargas totales de Symfony

1.069.955.393

Ver descargas en tiempo real

Síguenos en @symfony_es para acceder a las últimas noticias.