La largeur fixe des conteneurs MISE EN PAGE:Largeur fixe

1. Les requêtes de média MISE EN PAGE:Requête de média

Les requêtes de média sont basées sur des largeurs d’écran, en fonction de celles-ci, la mise en page s’adapte. Ces largeurs d’écran sont définies par des points de rupture (breakpoints en anglais). Il est bon de rappeler que la mise en page de Bootstrap est Mobile First, ce qui veut dire que la mise en page est d’abord faite pour les smartphones. Ensuite, selon chaque point de rupture défini, la mise en page s’adaptera.

Bootstrap définit six points de rupture :

  • Pour un écran plus petit que 576 pixels, nommé X-Small.

  • Pour un écran plus grand ou égal à 576 pixels, nommé Small.

  • Pour un écran plus grand ou égal à 768 pixels, nommé Medium.

  • Pour un écran plus grand ou égal à 992 pixels, nommé Large.

  • Pour un écran plus grand ou égal à 1200 pixels, nommé Extra large.

  • Pour un écran plus grand ou égal à 1400 pixels, nommé Extra extra large.

Notez bien que pour les écrans plus petits que 576 pixels, c’est la mise en page par défaut qui s’appliquera, sans qu’il soit nécessaire de définir des règles CSS spécifiques.

Pour chaque point de rupture, Bootstrap définit un suffixe pour les classes CSS appliquées :

  • X_Small : aucun, puisque c’est...

couv_OW5BOO.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Les conteneurs
Suivant
La largeur fluide des conteneurs