Como desarrollador de extensiones, todavía estoy confundido sobre qué versión de Bootstrap se usará en mi próxima extensión.
¿Qué optar?
Respuestas:
Joomla 3.x se entrega con los archivos de Bootstrap 2, y debido a la compatibilidad con versiones anteriores, es probable que esto no cambie en la serie Joomla 3.x.
Es importante saber que Bootstrap consta de dos áreas principales:
CSS
Joomla tiene esos archivos incluidos como archivos MENOS de origen y archivos CSS compilados. Joomla en sí no carga ningún archivo CSS Bootstrap. Eso depende de la plantilla para decidir si quiere usar esos archivos o enviarlos con sus propios archivos CSS.
En el backend, la plantilla activa suele ser "Isis", que utiliza mucho los archivos Bootstrap 2. Por lo tanto, tiene sentido utilizar el estilo Bootstrap 2 en el backend de su extensión. Especialmente porque no hay muchas plantillas de administración alternativas de todos modos
En frontend, sin embargo, es un tema completamente diferente. No tiene idea de qué plantilla utilizará el usuario y en qué marco se basará. Personalmente, decido usar el estilo Bootstrap 2 aquí también por la única razón de que la salida principal también los usa. Por lo tanto, hay muchas posibilidades de que una plantilla admita esas clases. De lo contrario, proporciona una anulación para la salida. Si usa anulaciones para el núcleo, es probable que su extensión también necesite una anulación.
Por supuesto, también puede agregar soporte para Bootstrap 3, pero eso significa duplicar su trabajo. Sin embargo, nunca solo proporcionaría diseños de Bootstrap 3 sin una opción para cargar los de Bootstrap 2.
JavaScript
Joomla tiene métodos para cargar el código JavaScript Bootstrap, como información sobre herramientas o pestañas. Este código puede y debe ser usado por extensiones. Solo asegúrese de cargarlos en sus diseños para que puedan ser reemplazados por plantillas si es necesario.
Como ya ha señalado, Joomla 3.x no utilizará Bootstrap 3.x, por lo tanto, si decide utilizar Bootstrap 3, el usuario cargará 2 versiones de Bootstrap que pueden causar conflictos y también reducirán velocidades de carga de página.
Lo que podría hacer es escribir un pequeño script para detectar qué versión de Bootstrap está impulsando la plantilla y usar esa versión para diseñar su extensión. Creo que NoNumber o Akeeba brindan la posibilidad de elegir entre qué versión de Bootstrap desea utilizar. No recuerdo cuál, pero valdría la pena echarle un vistazo a cómo lo hacen.
Pero en lugar de usar Bootstrap para diseñar su extensión, ¿por qué no hacer un estilo personalizado como otra opción? No todas las plantillas se basan en Bootstrap.
Espero que esto te dé una pequeña idea.
En las extensiones, siempre debe buscar usar la sintaxis de Bootstrap 2 en sus extensiones, especialmente en el back-end. Esta es la versión oficialmente admitida por Joomla core y, por lo tanto, significa que siempre hará que su estilo funcione como se espera y no tendrá que enviar bootstrap con su plantilla. Las extensiones que se envían con Bootstrap 3 tienen que incluir esto (tenga en cuenta la clase bastante grande de Akeeba Strapper que viene con los productos Akeeba, por ejemplo).
Los proveedores de plantillas que usan Bootstrap 3 normalmente permiten la sintaxis de bootstrap 2 editando sus menos archivos para tener en cuenta ambas versiones de bootstrap. De todos modos, aquellos que no lo hagan deben esperar usar anulaciones de plantilla.
El punto de envío de Joomla con Bootstrap 2 y no moverse a Bootstrap 3 es que hay un marco CSS / JS de extensión cruzada ab / c en toda la serie Joomla.
Si necesita usar Bootstrap 3, en mi opinión, debe espaciar los nombres de todo el CSS de Bootstrap 3 (como Community Builder V2), por ejemplo, la función central de joomla para editar menús y módulos en la interfaz se rompen, si usa BS3 para la interfaz.
Cita del foro de Community Builder:
Enlace original: http://www.joomlapolis.com/forum/6-news-and-publicity/224106-community-builder-20-b2-released?start=6
¿Pero CB2.0 usará Bootstrap 2 o 3?
Bootstrap 3.
Y CB siempre cargará la biblioteca Bootstrap completa, también si solo el módulo de inicio de sesión en un sitio), porque Bootstrap está cargando también cosas innecesarias enormes.
No, no usamos Twitter Bootstrap JS.
Solo usamos su CSS en este momento (tenemos otros, mejores, complementos jQuery que proporcionan la funcionalidad JS). También cargamos Twitter Bootstrap con un espacio de nombres, por lo que es imposible que entre en conflicto o altere el estilo fuera del espacio de nombres. En este momento no lo cargamos todo el tiempo. Solo cargamos nuestro template.css y fontawesome.css en todo momento cuando se carga la plantilla CBs. Nota: los módulos CB no utilizan el estilo CB. Están diseñados para coincidir con Joomla 1: 1 para que los módulos encajen correctamente con su sitio.
Otra solución es usar un marco como Skeleton o Foundation, para evitar el problema anterior.