Como desenvolvedor de extensões, ainda estou confuso sobre qual versão do Bootstrap será usada na minha próxima extensão.
O que optar?
O Joomla 3.x é fornecido com os arquivos do Bootstrap 2 e, devido à compatibilidade com versões anteriores, não é provável que isso mude na série do Joomla 3.x.
É importante saber que o Bootstrap consiste em duas áreas principais:
CSS
O Joomla inclui esses arquivos como arquivos MENOS de origem e arquivos CSS compilados. O Joomla em si não carrega nenhum arquivo CSS de Bootstrap. Isso depende do modelo para decidir se deseja usar esses arquivos ou enviar com os próprios arquivos CSS.
No back-end, o modelo ativo geralmente é "Isis", que usa muito os arquivos do Bootstrap 2. Portanto, faz sentido usar o estilo do Bootstrap 2 no back-end de extensão. Especialmente porque ainda não existem muitos modelos de administração alternativos
No frontend, no entanto, é um tópico completamente diferente. Você não tem idéia de qual modelo o usuário usará e em qual estrutura ele será baseado. Pessoalmente, decidi usar o estilo do Bootstrap 2 aqui também pela única razão pela qual a saída principal os usa também. Assim, são grandes as chances de um modelo suportar essas classes. Caso contrário, ele fornece uma substituição para a saída. Se ele usar substituições para o núcleo, sua extensão provavelmente precisará de uma substituição também.
Obviamente, você também pode adicionar suporte ao Bootstrap 3, mas isso significa duplicar seu trabalho. No entanto, eu nunca forneceria apenas layouts do Bootstrap 3 sem a opção de carregar os do Bootstrap 2.
Javascript
O Joomla possui métodos para carregar o código JavaScript do Bootstrap, como para dicas de ferramentas ou guias. Este código pode e deve ser usado por extensões. Apenas certifique-se de carregá-los em seus layouts, para que possam ser substituídos por modelos, se necessário.
Como você já apontou, o Joomla 3.x não utilizará o Bootstrap 3.x, portanto, se você optar por usar o Bootstrap 3, o usuário estará carregando duas versões do Bootstrap, o que pode causar conflitos e também reduzirá velocidade de carregamento da página.
O que você pode fazer é escrever um pequeno script para detectar qual versão do Bootstrap está alimentando o modelo e usar essa versão para estilizar sua extensão. Eu acho que NoNumber ou Akeeba oferecem a capacidade de escolher qual versão do Bootstrap você deseja usar. Não me lembro qual, mas pode valer a pena dar uma olhada em como eles fazem isso.
Mas, em vez de usar o Bootstrap para estilizar sua extensão, por que não usar um estilo personalizado como outra opção? Nem todos os modelos são baseados no Bootstrap.
Espero que isso lhe dê uma pequena visão.
Nas extensões, você sempre deve usar a sintaxe do Bootstrap 2 em suas extensões - especialmente no back-end. Esta é a versão oficialmente suportada pelo núcleo do Joomla e, portanto, significa que você sempre terá seu estilo funcionando conforme o esperado e não precisará enviar o bootstrap com o seu modelo. As extensões enviadas com o Bootstrap 3 devem incluir isso (observe a classe Akeeba Strapper bastante grande que vem com os produtos Akeeba, por exemplo).
Os provedores de modelos que usam o Bootstrap 3 normalmente permitem a sintaxe do bootstrap 2 editando seus menos arquivos para levar em consideração as duas versões do bootstrap. Aqueles que não esperam precisar usar substituições de modelo de qualquer maneira.
O ponto de enviar o Joomla com o Bootstrap 2 e não mudar para o Bootstrap 3 é que exista uma estrutura CSS / JS de extensão cruzada ab / c em toda a série Joomla.
fonte
Se você precisar usar o Bootstrap 3, na minha opinião, deverá colocar o nome de todo o CSS do Bootstrap 3 (como o Community Builder V2), por exemplo, a função principal do joomla para editar menus e módulos no front-end será quebrada, se você usar o BS3 para front-end.
Citação do fórum do Community Builder:
Link original: http://www.joomlapolis.com/forum/6-news-and-publicity/224106-community-builder-20-b2-released?start=6
Uma outra solução é usar uma estrutura como Skeleton ou Foundation, para evitar o problema acima.
fonte