Qual versão do Bootstrap deve ser usada v2.3 ou v3 em novas extensões


9

Como desenvolvedor de extensões, ainda estou confuso sobre qual versão do Bootstrap será usada na minha próxima extensão.

  • Em muitas discussões, descobri que o Joomla 3.x não utilizará o bootstrap-3.0.
  • A maioria dos provedores de modelos usa o bootstrap v3
  • Muitas extensões também usando o bootstrap v3

O que optar?

Respostas:


6

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:

  • Os arquivos CSS
  • A estrutura JavaScript

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.


1

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.


O problema é que precisamos fazer a extensão para que não entre em conflito com os provedores de modelos. Se criarmos um estilo personalizado, os clientes terão problemas ao usar modelos diferentes.
Shyam

Talvez seja melhor você seguir o Bootstrap 2.x. A maioria dos modelos para o Joomla ainda são baseados nesta versão, pois vem pré-embalada com o Joomla. O problema às vezes é que você não pode atender a todas as pessoas por aí. Por exemplo, há provavelmente alguns provedores de modelo que usam Fundação para alimentar seus modelos, mas eu não conheço nenhum desenvolvedores que suportam as classes Foundation
Lodder

1

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.


0

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

Mas o CB2.0 usará o Bootstrap 2 ou 3?

Bootstrap 3.

E o CB sempre carrega a biblioteca completa do Bootstrap, também se for apenas o módulo de login em um site), porque o Bootstrap também está carregando coisas enormes e desnecessárias.

Não, não usamos o Twitter Bootstrap JS.

Só usamos seu CSS no momento (temos outros plugins jQuery melhores que fornecem a funcionalidade JS). Também carregamos o Twitter Bootstrap com um espaço para nome, para que seja impossível entrar em conflito ou alterar o estilo fora do espaço para nome. No momento, não o carregamos o tempo todo. Apenas carregamos nosso template.css e fontawesome.css sempre que o modelo de CBs é carregado. Nota Os módulos CBs não usam o estilo CB. Eles foram projetados para combinar com o Joomla 1: 1, para que os módulos se encaixem corretamente no seu site.

Uma outra solução é usar uma estrutura como Skeleton ou Foundation, para evitar o problema acima.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.