Bootstrap 3 avec Joomla

[fynhooft]

Bonjour,

Bootstrap est passé en version 3 (3RC1 exactement à ce jour), il y a peu de temps.
Peut-on utiliser cette version avec Joomla ?

[lesoutier]

Re : Bootstrap 3 avec Joomla

Le RC1 indique qu'il s'agit d'une version "Release Candidate", donc pas encore une version stable. À n'utiliser donc qu'à des fins de test et pas en prod. De toute façon, Joomla ne va pas changer de version Bootstrap en cours de route, il faudra attendre au minimum une prochaine version mineure (3.2), et plutot la vesion 3.5.

[ghazal]

Re : Bootstrap 3 avec Joomla

Salut,
il faut différencier Bootstrap pour back-end et Bootstrap pour front-end.

En back-end, on reste avec la version 2.3.2, jusqu'à la mise à jour.

En front,
* tous les templates joomla 3.X ne sont pas forcément basés sur bootstrap en général

Yootheme avec Warp 7, par exemple, s'appuie sur son propre systeme/framework, UIKit
--> Nano, leur dernier template

-->UIKit,

http://www.getuikit.com/

NB : il existe un plugin qui permet de tester UIKit

https://github.com/mustaqsheikh/superuikit

Faire quand même attention aux conflits JS ou aux doublons CSS


* FYI, ou PVI, pour upgrader et tester Bootstrap 3 RC2 sur un template
c'est assez pratique d'utiliser les versions CDN, cad les versions à aller récupérer en ligne

<!-- Latest compiled and minified CSS -->
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap.min.css" rel="stylesheet">

<!-- Latest compiled and minified JavaScript -->
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/js/bootstrap.min.js"></script>

<!-- Latest Glyphicons minified CSS -->
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap-glyphicons.css" rel="stylesheet">

Hope it helps.

[fynhooft]

Re : Bootstrap 3 avec Joomla

Faire quand même attention aux conflits JS ou aux doublons CSS

Justement : quand, dans le fichier index.php du template, on tape <jdoc:include type="head"> , Joomla insère, entre autres, la ligne : <script src="/media/jui/js/bootstrap.min.js" type="text/javascript"></script>

Or, cette ligne concernera la version antérieure de Bootstrap !

Comment fait-on pour supprimer cette ligne ?
N'est-ce pas une erreur d'inclure cette ligne dans <jdoc:include type="head"> ?

[ghazal]

Re : Bootstrap 3 avec Joomla

Justement : quand, dans le fichier index.php du template, on tape <jdoc:include type="head"> , Joomla insère, entre autres, la ligne : <script src="/media/jui/js/bootstrap.min.js" type="text/javascript"></script>

OK.
Mais on est bien d'accord qu'on est en phase test/exploration ?
Parce que ce test nécessite une petite modif d'un fichier core (bouh, pas bien, lol).

Tu trouveras ici :

https://github.com/ghazal/boostrap3test

les 2 fichiers concernés et modifiés pour tester Bootstrap3 sur Beez3 :
bootstrap.php -->in /libraries/cms/html/bootstrap.php
et index.php du template beez3

Re bootstrap.php
ligne 242
j'ai commenté les lignes concernant bootstrap.min.js

re index.php du template beez3
j'ai commenté les lignes concernant le chargement de bootstrap via Joomla API
et réintroduit les appels CSS et JS (juste avant </body>) vers bootstrap via des appels vers les fichiers externes localisés sur le CDN de bootstrap
NB : CDN = Content Delivery Network

PS : il est évident qu'on peut aussi remplacer le fichier bootstrap.min.js par le fichier mis à jour pour bootstrap 3RC2

... si ca peut aider ...