html - form - Symfony2 y Twitter Bootstrap

symfony form theme

Question

Me encontré con Twitter Bootstrap hoy, en SO. He revisado algunos tutoriales en línea y, si mi comprensión hasta ahora es correcta, el uso de TB consiste esencialmente en:

1. Descargar TB, extraer archivos CSS, etc.
2. Hacer referencia a los archivos CSS requeridos, JS en su documento HTML y usar los patrones CSS definidos

Quiero usar Twitter Bootstrap con Symfony2. Dado mi conocimiento de cómo usar TB, pensé que sería relativamente fácil usarlo con Symfony, así que me sorprendió bastante ver que hay (de hecho varios) paquetes para usar con Symfony.

Entonces mis preguntas son:

1. ¿Por qué es necesario un paquete para usar Twitter Bootstrap con Symfony2? - ¿No funcionará el método que expliqué anteriormente (es decir, agregando las referencias directamente en una plantilla de ramas)?

2. Dado que hay varios paquetes de Twitter Bootstrap disponibles (en el último recuento hay 3), que es el más fácil de usar (tiene que ser uno que se apoye activamente con confirmaciones recientes, y no un proyecto muerto)

Answer 1

Estoy bastante seguro de que estos paquetes son geniales, pero tienen ventajas y desventajas. También puede usar TB sin un paquete directamente en su proyecto. Eso es lo que personalmente hago, de esa manera:

• git clone TB en web / (para obtener las últimas actualizaciones y mantenerse actualizado)
• Llamo directamente a bootstrap.less en mis plantillas de rama con Assetic y menos filtro. De esa forma, puedo crear mis propios archivos .less que @imports TB y usar sus asombrosas mixins, por ejemplo.

Es realmente poderoso de esta manera. Junto con el yui-compressor, cuando uso Assetic en el modo sin depuración, todos mis js y menos archivos se compilan en una única salida .css y una salida .js única. Y podría beneficiarse de todas las funcionalidades de TB, en .less, not .css

Answer 2

Hay 2 paquetes principales que proporcionan la integración de Symfony con Twitter Bootstrap:

• MopaBootstrapBundle
• BcBootstrapBundle

En mi opinión:

MopaBootstrapBundle es más complejo, proporciona su propia estructura de disposición (por lo que también puedes crear la tuya propia) y muchas funcionalidades definidas, ventajas adicionales, formularios y otra integración

BcBootstrapBundle es más simple y mucho más claro que usas tu propia estructura de diseño y hay una gran cantidad de funcionalidades definidas, formas de elementos adicionales y otra integración también.

no usar ningún paquete de intergtaion también es una opción, pero se pierde la integración con formas, más activo, menos y así (como @Acyra mencionó en su comentario)

Prefiero usar BcBootstrapBundle con su funcionalidad de integración adicional y usar mi propia estructura de diseño personalizada.

Answer 3

Puede usar Twitter Boostrap (TB) para agregar solo CSS a su proyecto. Y luego, tienes un punto de partida para hacer algo más visual que empezar desde cero. Como describiste en la primera parte.

Pero también puede recuperar más cosas interesantes de un paquete que maneja la integración de plantillas con TB. Por ejemplo:

• tener un diseño predeterminado que establece una columna básica
• integración para generación crud
• tener un elemento de forma básico

Por ejemplo, con Symfony 1.4 ( sé que esta publicación habla de sf2 ), tienes un complemento que puede agregar un nuevo tema al generador de administradores para tener una buena integración de TB en lugar de la predeterminada. Sé que no hay un generador de administrador oficial en sf2, pero puede usarse para CRUD.

Otra cosa que puede ser verdad desde Symfony 1.0, no todos los paquetes están muy bien implementados, desarrollados, mantenidos, probados, documentados, etc. (excepto los del equipo central (FOS * Bundle, Doctrine, Propel, etc.) ) Así que te recomiendo que los pruebes todos, ve si alguno de ellos se ajusta a tus necesidades, de lo contrario, inspírate para mejorarlos (casi todos están en github) o construye el tuyo propio.

Y, por cierto, hay muchos Bundle ...

Answer 4

ACTUALIZACIÓN a Symfony y Bootstrap: Symfony siempre parece un poco rezagado en los detalles de su documentación, así que aquí hay una actualización de Symfony. La versión 2.6 y superior ahora incluye integración básica con Twitter Bootstrap.

http://symfony.com/blog/new-in-symfony-2-6-bootstrap-form-theme

Afortunadamente, esto le ahorra tiempo a alguien y puede hacer que funcione como lo explican en la documentación de Symfony anterior.