Bonjour, je rencontre un problème avec deux dropdown de bootstrap.

Il fusionne les deux boutons, ce qui fait que j'ai le même contenue dans les deux dropdown. 

Voici le code html/twig :

<button type="button" class="btn" data-filter="none" data-toggle="dropdown" aria-haspopup="true"
        aria-expanded="false">
    Game Design
</button>
<div class="dropdown-menu">
    {% for game in games %}
        <a class="dropdown-item"
                data-filter=".{{ game.id }}">{{ game.libelle }}</a>
    {% endfor %}
</div>
<button type="button" class="btn" data-filter="none" data-toggle="dropdown" aria-haspopup="true"
        aria-expanded="false">
    Modèle 3D
</button>
<div class="dropdown-menu">
    {% for modele in modeles %}
        <a class="dropdown-item"
                data-filter=".{{ modele.id }}">{{ modele.libelle }}</a>
    {% endfor %}
</div>

Je ne sais quoi vous dire d'autre. Merci d'avance pour votre aide.

solution : suivre la doc

<div class="btn-group">
  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action
  </button>
  <div class="dropdown-menu">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
    <div class="dropdown-divider"></div>
    <a class="dropdown-item" href="#">Separated link</a>
  </div>
</div>

-
Edité par Jeffbzh3 17 février 2020 à 17:55:40