Maria Paulina Aristizabal Pelaez
Preguntastudent•hace 5 años
Hola, quizás alguien me pueda ayudar. Estoy haciendo un sitio web en wordpress y utilizo bootstrap en él. El problema es que el toggler no funciona y cuando la pantalla se hace pequeña, no veo ni el icono y tampoco escucha el evento cuando hago clic.
Aquí esta mi archivo functions php
<code> <?php function init_template(){ add_theme_support('post-thumbnails'); add_theme_support('title-tag'); } add_action('after_setup_theme', 'init_template'); function assets(){ wp_register_style('bootstrap','https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css', '', '4.5.2', 'all'); wp_register_style('josefin', 'https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap','','1.0','all'); wp_register_style('dunbar', 'https://use.typekit.net/iqy1voa.css', '', '1.0', 'all'); wp_enqueue_style('estilos', get_stylesheet_uri(), array('bootstrap', 'josefin', 'dunbar'), '1.0', 'all'); wp_enqueue_style('root-style', get_template_directory_uri().'/assets/index.css', '', '1.0', 'all'); wp_enqueue_style('apropos-style', get_template_directory_uri().'/assets/a-propos/index.css', '', '1.0', 'all'); wp_enqueue_style('nos-cours', get_template_directory_uri().'/assets/nos-cours/index.css', '', '1.0', 'all'); wp_register_script('jquery','https://code.jquery.com/jquery-3.5.1.slim.min.js', '', '3.5.1', true); wp_register_script('popper', 'https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js', '', '1.16.1', true); wp_enqueue_script('bootstraps', 'https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js', array('jquery', 'popper'), '4.5.2', true); } add_action('wp_enqueue_scripts', 'assets');
y aquí esta el código de mi nav bar
<html lang="en" dir="ltr"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> <?php wp_head() ?> </head> <body> <header id="header"> <nav class="navbar navbar-expand-lg p-3 navbar-ligth"> <a class="navbar-brand logo-wrapper" href="/"> <img src="/wp-content/themes/Leitmotiv/assets/images/logo-leitmotiv.svg" alt="logo de Studio Leitmotiv"></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse justify-content-end" id="navbarToggler"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="#"></a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Nos Cours </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="/nos-cours/#pole-dance">Pole dance</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/nos-cours/#cerceau-aerien">Cerceau aérien</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/nos-cours/#yoga-aerien">Yoga aérien </a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/nos-cours/#workout">Full workout</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/nos-cours/#stretching">Stretching</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/nos-cours/#equilibre">Équilibre</a> <div class="dropdown-divider"></div> <a class="dropdown-item dropdown-item-l" href="/nos-cours/#tarifs">Tarifs</a> <div class="dropdown-divider"></div> <a class="dropdown-item dropdown-item-l" href="/nos-cours/#planning">Planning</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Nos Services </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="/nos-services/#stages">Stages</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/nos-services/#EVJF-Anniversaires">EVJF/Anniversaires</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/nos-services/#location">Location</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> À propos </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="/a-propos/#ecole">L'école</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/a-propos/#professeurs">Nos professeurs</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/a-propos/#partenaires">Nos partenaires</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> FAQ </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="/FAQ/#sinscrire">S'inscrire</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/FAQ/#decouverte">Seance Découverte</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/mentions-legales/">Mentions Légales</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/politique-de-confidentialite/">Politique de Coonfidentialité</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/conditions-generales-de-vente/">Conditions de vente</a> </div> </li> <li class="nav-item active"> <a class="nav-link" href="/contact-leitmotiv/">Contact <span class="sr-only">(current)</span></a> </li> </ul> </div> </nav> </header>```
