différence bootstrap col-sm col-md

La signification de col-xs-*, col-sm-*, col-md-* dans le système CSS bootstrap fence est de sélectionner automatiquement le style de classe correspondant en fonction de la largeur de l'écran d'affichage :

.col-xs- Téléphone mobile ultra petit écran (<768px) (apprentissage recommandé : Tutoriel vidéo Bootstrap)

.col-sm- Tablette petit écran (≥768px)

.col-md- Moniteur de bureau à écran moyen (≥992px)

.col-lg- Moniteur de bureau grand écran (≥1200px)

Tout d'abord, expliquez :

1. ;

2. xs-maxsmall, extra small ; sm-small, small ; lg-large, large

3. , occupant automatiquement chaque rangée de ratio de système de grille de 12 colonnes ;

4. col-xs-*téléphone mobile à écran ultra petit (<768px),

.col-sm-. *Tablette petit écran (≥768px),

.col-md-*Moniteur de bureau à écran moyen (≥992px) (paramètre de grille).

5 Peu importe où il se trouve sur cet écran, le système de grille divisera automatiquement chaque ligne en 12 colonnes col-xs-* et col-sm-* et col-md-* sont suivies de paramètres indiquant le nombre de colonnes occupées par. chaque div dans l'écran actuel.

Par exemple