Tweet
Bonjour,
J'essaye depuis un moment de faire un menu avec Bootstrap, sur Joomla 3.1.5 (je travaille en local pour le moment).
J'ai réussi à faire un menu fixed qui fonctionne correctement, sans être responsive.
Concernant le problème du responsive : Lorsque je rétrécie la fenêtre de mon navigateur le bouton toggle apparait, mes liens se cachent, tout est donc normal jusque là.
En revanche lorsque je clique sur mon bouton toggle qui devrait dérouler mon menu en dessous, rien ne se passe...
Je ne sais pas si j'ai oublié quelque chose quelque part, j'ai pourtant regardé plusieurs tutoriels, je n'arrive pas à trouver.
Mon menu se présente comme ceci :
Dans mon template, dans index.php, j'ai appelé bootstrap de manière suivante :
Mon problème vient-il de l'appel de Bootstrap (et notamment de collapse), ou de la façon dont j'ai construit mon menu? (ou d'ailleurs?) A savoir que d'autre fonctionnalités de bootstrap fonctionnent correctement sur mon site (carrousel, row et span responsive, styles pour les boutons etc)
Toute aide sera la bienvenue
Merci beaucoup!
J'essaye depuis un moment de faire un menu avec Bootstrap, sur Joomla 3.1.5 (je travaille en local pour le moment).
J'ai réussi à faire un menu fixed qui fonctionne correctement, sans être responsive.
Concernant le problème du responsive : Lorsque je rétrécie la fenêtre de mon navigateur le bouton toggle apparait, mes liens se cachent, tout est donc normal jusque là.
En revanche lorsque je clique sur mon bouton toggle qui devrait dérouler mon menu en dessous, rien ne se passe...
Je ne sais pas si j'ai oublié quelque chose quelque part, j'ai pourtant regardé plusieurs tutoriels, je n'arrive pas à trouver.
Mon menu se présente comme ceci :
Code:
[HTML] <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <div class="navbar-header"> <a class="btn btn-navbar navbar-toggle" data-target=".nav-collapse .navbar-responsive-collapse" data-toggle="collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="/black-whale/"> <img src="templates/mandarina-web-black-whale/images/black-whale-studio-tail-copyright.png" alt="Black Whale"> </a> </div> <div class="nav-collapse collapse topbtn navbar-responsive-collapse"> <jdoc:include type="modules" name="menu-navbar" style="none" /> </div> </div> </div> </div>[/HTML]
Code:
[HTML]<?php
defined('_JEXEC') or die;
$doc = JFactory::getDocument();
JHtml::_('bootstrap.framework');
$doc->addStyleSheet($this->baseurl . '/media/jui/css/bootstrap.min.css');
$doc->addStyleSheet($this->baseurl . '/media/jui/css/bootstrap-responsive.css');
?>
<!DOCTYPE html>
<html>
<head>
<jdoc:include type="head" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="templates/_system/css/general.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>[/HTML]
Toute aide sera la bienvenue
Merci beaucoup!
Commentaire