web-dev-qa-db-fra.com

Qu'est-ce qui me manque pour que mon menu soit a bootstrap navbar?

Mon idée était d'obtenir l'exemple de barre de navigation à partir de bootstrap website), puis d'échanger le contenu de la barre de navigation avec le code joomla pour obtenir le menu.

Le produit final est:

<!-- Begin Navbar-->
<nav class="navbar navbar-default">
    <div class="container-fluid">
         <!-- Brand and toggle get grouped for better mobile display -->
         <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
         </div>
         <!-- Collect the nav links, forms, and other content for toggling -->
         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
             <jdoc:include type="modules" name="menu"/>
         </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
</nav><!--End navbar-->

Cela ne fonctionne pas car le format a disparu, j'ai donc essayé d'ajouter "nav navbar-nav navbar" à "Module Class Suffix".

Quel est le problème avec mon intuition de la façon dont cela fonctionne? Ne pas <jdoc:include type="modules" name="menu"/> il suffit d’imprimer le <ul><li> qui sera formaté en utilisant nav navbar et navbar-nav?

menubootstraptwitter-bootstrap-3navigation
2
Juan

Votre menu fonctionnera aussi longtemps que votre modèle implémentera le composant Bootstrap nav).

JED contient plusieurs extensions qui génèrent déjà la structure appropriée pour afficher un menu de navigation Bootstrap . Vous pouvez implémenter n'importe lequel d'entre eux pour vérifier les meilleures pratiques et créer votre extension par-dessus.

1
Anibal

Vous pouvez créer un remplacement de modèle pour le mod_menu. Là, écrivez simplement votre propre code pour la sortie du mod_menu.

Pour créer une substitution de modèle pour le module de menu:

  • Localisez (ou créez s'il n'y en a pas) les dossiers de chemin suivants: templates/yourTemplate/html/mod_menu

  • Copiez le default.php de modules/mod_menu/tmpl/, à l'emplacement ci-dessus.

  • Dans ce fichier de substitution, vous pouvez écrire le code souhaité pour la sortie de présentation du module de menu.

Je suis sûr que cette page sera très utile:
Joomla: comprendre les substitutions de sortie

Notez que la plupart des modèles sont livrés avec leur propre remplacement pour le mod_menu. Si vous ne voulez pas changer la mise en page fournie avec votre modèle, vous pouvez utiliser un Mise en page alternative.

0
FFrewin