Sommaire

Les boutons en bloc CSS POUR LES BOUTONS:Boutons en bloc

La classe .btn-block permet de créer des « gros » boutons en affichage bloc.

Le code :

<p><button type="button" class="btn btn-default btn-lg 
btn-block">Gros bouton en bloc</button></p>

L’affichage :

images/C06-003.png

Les sélecteurs utilisés :

.btn-block { 
   display: block; 
   width: 100%; 
   padding-right: 0; 
   padding-left: 0; 
} 
.btn-block + .btn-block { 
        margin-top: 5px; 
} 
input[type="submit"].btn-block, 
input[type="reset"].btn-block, 
input[type="button"].btn-block { 
   width: 100%; 
}

Notez que la largeur est de 100 % de l’élément parent !