Sommaire

La largeur des boutons sur la grille adaptative COMPOSANTS POUR LES BOUTONS:Largeur des boutons

Vous gérez la largeur des boutons en les plaçant sur la grille adaptative de Bootstrap, dans des boîtes <div> avec les classes .btn-group-*. L’astérisque indique la largeur : xs pour très petite, sm pour petite, md pour moyenne et lg pour grande.

Deux exemples de taille vous sont proposés dans le fichier 01-buttons-groups.html : grande taille avec la classe .btn-group-lg et très petite avec la classe .btn-group-xs.

Le code utilisé :

<div class="btn-group btn-group-lg"> 
   <button type="button" class="btn btn-default">Introduction</button>
   <button type="button" class="btn btn-default">Résultats</button>
   <button type="button" class="btn btn-default">Conclusion</button>
</div> 
<p>&nbsp;</p> 
<div class="btn-group btn-group-xs"> 
   <button type="button" class="btn btn-default">Introduction</button>
   <button type="button" class="btn btn-default">Résultats</button>
   <button type="button" class="btn btn-default">Conclusion</button>
</div>

L’affichage obtenu :

images/C11-004.png