Bonjour ,
J'ai un soucis avec un element responsive sur bootstrap.
J'utilise un menu sidebar sur la gauche de ma page
Sur la gauche il s'agit de "pill" de boostrap" de type :

<button class="nav-link" id="aide2" data-bs-toggle="pill" data-bs-target="#v-aide2" type="button" role="tab" aria-controls="v-aide2" aria-selected="false">Mon lien</button>

Et à droite :

 <div class="tab-pane fade " id="v-aide2" role="tabpanel" aria-labelledby="aide2">
                    <div class="aide-pill2"> le contenu ...

Tout marche sans soucis mais en responsive, j'ai le menu prend toute la hauteur de l'ecran et du coup lorsque l'on clique sur la pill voulue, on ne voit pas le contenu changer...
Il faudrait donc en plus qu'il y ait un scoll vers le contenu "tab-pane fade active show"

J'ai tenté de faire :

  <button onclick="window.location.hash='v-aide1';" class="nav-link" id="aide2" data-bs-toggle="pill" data-bs-target="#v-aide2" type="button" role="tab" aria-controls="v-aide20" aria-selected="true" >mon lien</button>

Cela fonctionne mais il faut cliquer 2 fois sur le bouton du coup ce n'est pas concluant...

Je seche...
Des idées ? :)

Merciiii

Aucune réponse