ti-enxame.com

Guia para usar Bootstrap no back-end do Joomla

Isso é baseado no back-end do Joomla, desenvolvimento de componentes.

Percebo que os recursos básicos do bootstrap 2.3 que o Joomla usa são modificados, por isso faltam ícones e afins.

Existe algum guia para mostrar essas diferenças? De alguma forma, um guia seria ótimo para evitar a inserção de Bootstrap novamente apenas para obter alguns recursos básicos (como os ícones padrão)).

Eu sei que a maior parte disso é denominada "JUI" e, ao fazer algumas pesquisas, não consigo encontrar nenhuma documentação. Existe algo além de ler os arquivos css para ajudar nisso? Ou é melhor adicionar seu próprio css e substituir o core bootstrap (como em uma classe de contêiner que aplica a substituição dentro do componente)?

4
Jordan Ramstad

A versão Bootstrap incluída no Joomla é 2.3.2 ( http://getbootstrap.com/2.3.2/ )). Existem algumas modificações, mas infelizmente apenas documentado no código.

O que você vê com os ícones não é, na verdade, uma modificação dos arquivos Bootstrap, mas uma amostra do modelo Isis. Ele usa IcoMoon ( http://icomoon.io =) ícones em vez dos padrão Bootstrap ones. A lista dos ícones disponíveis pode ser encontrada aqui: https://docs.joomla.org/J3.x:Joomla_Standard_Icomoon_Fonts)

Atualmente, existem ainda mais ícones disponíveis, que foram estendidos eventualmente. A página, no entanto, nunca foi atualizada com eles. Você precisa tentar ou ler o arquivo MENOS :)

Modificações introduzidas para fornecer compatibilidade com o Mootools

  • div.modal (em vez de .modal), modals.joomla.less e responsive-767px-max.joomla.less
  • hideme x hide ($ .Event ('hideme')), bootstrap-collapse-joomla.js e bootstrap-tooltip-joomla.js
  • Clique no suporte do menu pai, bootstrap-dropdown-joomla.js

Ref: https://github.com/joomla/joomla-cms/pull/1172

8
Bakual