- Dans la version 3 de Joomla il est impossible de faire fonctionner le carousel bootstrap dans un article.
-
Carousel Bootstrap et Joomla 3 sont incompatibles
Joomla rajoute une div juste avant la carousel ce qui ajoute un height à 0 avec une margin à 0 également !
Donc en gros votre slide est là mais caché en haut de l'écran !
Solution d'ajustement du carousel Bootstrap - Joomla 3
La solution se fait en 2 temps avec du css et du html
Ajout d'une div au dessus du carousel
<div class="carousel-container">
<div id="myCarousel" class="carousel slide" data-ride="carousel"
...
</div>
</div>
Ajout du css de carousel au début de bootstrap.css
A noter vous pouvez me mettre dans un autre css si cela vous semble plus aproprié
.carousel {
margin:0px !important;
}
.carousel-container > div {
height: 426px !important;
}
Exemple de carousel Bootstrap fonctionnant sur Joomla 3.4
Vous pouvez voir un exemple de fonctionnement du carousel sur un site de tourisme en Italie en cliquant sur le bouton