Salut, je n'ai qu'un de mes liens de barre de navigation qui ne fonctionne pas et je n'arrive pas à le résoudre moi-même. J'ai inclus mon code de navigation et c'est la section de tarification qui ne fonctionnera pas et j'ai l'ID de la section comme #pricing

https://codepen.io/hollyj24/pen/eYZWgwb

<nav class="navbar navbar-expand-lg">
  <a href="#"><img class="navbar-brand" src="images\logo.png"></a>
  <button class="navbar-toggler navbar-dark" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="#navbarNav">
    <ul class="navbar-nav ml-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#pricing">Pricing <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#testimonials">Testimonials</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#About">About</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#contact">Contact</a>
      </li>
    </ul>
  </div>
</nav>
1
H_J_. 25 août 2020 à 18:20

2 réponses

Meilleure réponse

J'ai regardé votre code dans CodePen. À la ligne 111, vous avez dit:

<section id="#pricing">

Supprimez le hashtag et cela devrait fonctionner. Cela veut dire que le id de cette section est #pricing, quand vous voulez qu'il soit pricing.

Pour mieux le comprendre, à la ligne 37, changez-le en:

<a class="nav-link" href="##pricing">Pricing <span class="sr-only">(current)</span></a>

Cela fonctionnera également, mais ce n'est pas ce que vous voulez. Remplacez la ligne 111 par <section id="pricing">.

0
Dharman 27 août 2020 à 08:44

Supprimer le numéro d'identification de la section de tarification à la ligne 112

id="#pricing"

Écrire

id = "pricing"
0
Saad Abbasi 27 août 2020 à 08:40