Sommaire

Les boutons avec triangle basculant COMPOSANTS POUR LES BOUTONS:Boutons avec triangle basculant

1. Le déroulé vers le bas

Vous pouvez modifier l’apparence du bouton actif en lui ajoutant un bouton en forme de triangle. Utilisez pour cela l’élément <span class="caret"></span>.

Voici le code :

<div class="btn-group"> 
   <button type="button" class="btn btn-default">Choisissez
</button> 
   <button type="button" class="btn btn-default dropdown-toggle"
data-toggle="dropdown"><span class="caret"></span></button> 
   <ul class="dropdown-menu" role="menu"> 
      <li><a href="#">WordPress</a></li> 
      <li><a href="#">Joomla</a></li> 
      <li><a href="#">Drupal</a></li> 
      <li class="divider"></li> 
      <li><a href="#">Bolt</a></li> 
   </ul> 
</div>

C’est l’ajout du bouton <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">, avec le <span class="caret"></span> qui permet d’afficher ce triangle.

Le bouton avec le libellé est simplifié en ce qui concerne ...