Grid System – Partie 1

Updates Bootstrap 4:

• Ajout d’une nouvelle taille pour les largeurs d’écran inférieures à 576px. Cette nouvelle taille c’est xs qui était auparavant pour les largeurs d’écran inférieures à 768px.
• Ce changement fait que toutes les autres tailles sont décalees d’un rang. Par exemple .col-md-6  dans la version 3 devient .col-lg-6 dans la version 4
• Nouvelles tailles:
  • xs < 576px
  • sm >= 576px
  • md >= 768px
  • lg >= 992px
  • xl >= 1200px
• Pour la taille xs, on peut se passer du préfixe xs, c’est-à-dire qu’au lieu d’écrire .col-xs-8, on pourra écrire directement col-8. Les autres tailles ont besoin du préfixe.

Documentation des updates:

• https://getbootstrap.com/docs/4.0/migration/#grid-system
• https://getbootstrap.com/docs/4.0/migration/#grid-system-1