Mise en page – BOEW4 – Guide de conception axée sur l’utilisateur de l’ARC

Sur cette page

Bannière

Pour en savoir plus sur les sujets suivants :

Consultez : En-tête global - Configuration de conception de Canada.ca - Canada.ca

Pied de page

Pour en savoir plus sur les sujets suivants :

Consultez : Pied de page général - Système de conception de Canada.ca - Canada.ca

Largeur et points d’interruption

La mise en page utilise Bootstrap 3. Pour en savoir plus, consultez : Grilles (anglais seulement)


Très petits appareils Téléphones (<768px)

Petits appareils Tablettes (≥768px)

Appareils moyens Ordinateurs de bureau (≥992px)

Gros appareils Ordinateurs de bureau (≥1200px)
Largeur des conteneurs Aucune (automatique) 750px 970px 1170px
Nombre maximal de colonnes 12 12 12 12
Largeur des colonnes individuelles Automatique ~62px ~81px ~97px
Largeur de la gouttière 15px à gauche et 15px à droite de chaque cellule de la grille 15px à gauche et 15px à droite de chaque cellule de la grille 15px à gauche et 15px à droite de chaque cellule de la grille 15px à gauche et 15px à droite de chaque cellule de la grille
Date de modification :