web-dev-qa-db-fra.com

Guide d'utilisation Bootstrap dans le backend Joomla

Ceci est basé sur le backend Joomla, le développement de composants.

Je remarque que les fonctionnalités de base de bootstrap 2.3 utilisées par Joomla sont modifiées, il manque donc des icônes, etc.).

Existe-t-il un guide pour montrer ces différences? Une sorte de guide serait très utile pour éviter d’arriver Bootstrap encore une fois pour obtenir quelques fonctionnalités de base (comme les icônes par défaut).

Je sais que la plupart de cela s'appelle "JUI" et en faisant quelques recherches je suis incapable de trouver la documentation dessus. Y at-il autre chose que la lecture des fichiers CSS pour aider avec ceci? Ou est-il préférable d’ajouter dans votre propre css et de remplacer le noyau bootstrap (comme dans une classe de conteneur qui applique le remplacement dans le composant)?

4
Jordan Ramstad

La version de Bootstrap incluse dans Joomla est 2.3.2 ( http://getbootstrap.com/2.3.2/ ). Il y a quelques modifications, mais malheureusement seulement documenté dans le code.

Ce que vous voyez avec les icônes n’est en réalité pas une modification des fichiers Bootstrap), mais une variante du modèle Isis. Il utilise IcoMoon ( http://icomoon.io =) icônes au lieu de celles par défaut Bootstrap. La liste des icônes disponibles est disponible ici: https://docs.joomla.org/J3.x:Joomla_Standard_Icomoon_Fonts

À ce jour, il y a encore plus d'icônes disponibles, car elles ont finalement été agrandies. La page cependant n'a jamais été mise à jour avec eux. Vous devez soit essayer soit lire le fichier LESS :)

Modifications introduites pour fournir la compatibilité Mootools

  • div.modal (au lieu de .modal), modals.joomla.less et responsive-767px-max.joomla.less
  • hideme x masquer ($ .Event ('hideme')), bootstrap-collapse-joomla.js et bootstrap-tooltip-joomla.js
  • Cliquez sur le support du menu parent, bootstrap-dropdown-joomla.js

Réf.: https://github.com/joomla/joomla-cms/pull/1172

8
Bakual