Maison > Article > interface Web > Que signifie sm dans bootstrap ?
Dans bootstrap, sm signifie « petit » et est l'abréviation de small ; sm est souvent utilisé pour représenter la classe de grille « .col-sm-* », qui signifie classe de périphérique à petit écran, indiquant que la taille d'affichage est supérieure à ou égal à 768 px et appareils à écran inférieur à 992 px, similaires aux tablettes.
L'environnement d'exploitation de ce tutoriel : système Windows 10, bootstrap version 3.3.7, ordinateur DELL G3
sm signifie petit, qui est petit.
Qu'est-ce que le système de grille ? Le système de grille fait référence à la division de la mise en page en colonnes de largeur égale, puis à la modularisation de la mise en page en définissant le nombre de colonnes. Le système de grille de Bootstrap utilise un modèle de 1 à 12 colonnes et utilise des calculs proportionnels pour définir les largeurs de colonnes que vous définissez. Par exemple, si vous souhaitez utiliser un mode de disposition à deux colonnes pour cette ligne, la largeur de chaque colonne sera de 50 % du conteneur externe. Quel que soit l'appareil que vous utilisez pour parcourir, elle sera affichée dans cette proportion. Cependant, si la largeur de l'appareil est inférieure à la largeur minimale que vous avez définie, les deux colonnes ne formeront qu'une seule colonne côte à côte.
Le système de grille de Bootstrap
L'utilisation du système de grille dans Bootstrap est très simple et pratique, il suffit d'introduire leurs classes déjà définies dans vos divs.
Jetons d'abord un coup d'œil à plusieurs classes de grille qui peuvent être utilisées dans Bootstrap :
1 .col-xs-* Il s'agit d'une classe d'écran ultra-petit (
2. .col-sm-* Il s'agit d'une classe d'appareils à petit écran (≥768px et 3. .col-md-* Il s'agit de la classe d'appareil moyenne (≥992px et 4. .col-lg-* Il s'agit d'une grande classe d'appareils (≥1200px). col - pour tous les appareils col-sm - tablette - largeur d'écran égale ou supérieure à 576px col-md - moniteur de bureau - largeur d'écran égale ou supérieure à 768px) col-lg - grand moniteur de bureau - largeur d'écran égale ou supérieure à 992 px)col-xl- moniteur de bureau extra large - largeur d'écran égale ou supérieure à 1200 px)Recommandations associées :tutoriel bootstrap
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!