Maison  >  Article  >  interface Web  >  Que signifie sm dans bootstrap ?

Que signifie sm dans bootstrap ?

WBOY
WBOYoriginal
2022-05-06 18:35:352783parcourir

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.

Que signifie sm dans bootstrap ?

L'environnement d'exploitation de ce tutoriel : système Windows 10, bootstrap version 3.3.7, ordinateur DELL G3

Que signifie sm dans bootstrap ?

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn