Bootstrap 4 : Sommaire avec transition en JavaScript

Bonjour,

Je me base sur cette documentation : https://getbootstrap.com/docs/4.2/components/navs/#javascript-behavior

J'ai ce code (un sommaire) :

<ul class="ulsommaire">
     <li>Les activités</li>
     <li>La formation</li>
     <li>Les perspectives d'avenir</li>
</ul>

Et j'aimerais que quand on clique par exemple sur "les activités", on soit redirigé dans une div tab-pane fade prédéfinis par rapport aux attributs et aux id.

J'ai donc essayé d'adapter le code mais cela ne fonctionne pas vraiment, je vais continuer à chercher de mon côté et je publierais mon code si quelqu'un veut m'aider (je suis entrain de le refaire de façon plus propre)

Merci d'avance !!