Barre d'outils
Barre d'outils de base
Barre d'outils avec titre
Un en-tête et ses marqueurs
Ce qu'une chose est classée comme, où elle se trouve et quelle version : trois marqueurs se lisent comme une seule ligne, donc ils partagent une hauteur quoi qu'ils soient faits — un pilulier est dimensionné en ems pour le texte dans lequel il se trouve généralement, et une barre le nivele sur la capsule à côté. L'en-tête abandonne ses marges et garde le nom à l'extrême gauche.
Titre de section avec actions
Des champs dans une barre
Ce qu'une barre d'options d'éditeur tient en plus des boutons : une taille, un mode, une bascule, un choix, une recherche et son bouton. Chacun se tient à la hauteur des contrôles de la barre, si bien qu'une barre compacte garde son épaisseur ; un champ et son action ensemble (form--inline) prennent la place que la barre laisse.