html5 - Problème avec la largeur de colonne col dans bootstrap

Question

Excusez-moi, il existe plusieurs situations dans bootstrap pour définir une mise en page adaptative col-md-, col-sm-, col-lg-*,

Ensuite, ma question est la suivante : même si je comprends ce qu'ils signifient, lors de l'écriture de class=col- etc., toutes ces situations doivent-elles être écrites ? Si je n’ai pas besoin d’écrire les quatre, comment dois-je choisir le bon parmi md, sm et lg. . .

Veuillez demander au maître son expérience.

Answer 1

Answer 2

col-xs适配超小屏幕，一般指手机；
col-sm适配平板；
col-md适配台式机或者笔记本；
col-lgConvient aux ordinateurs de bureau, ordinateurs portables ou écrans larges haute résolution, mais généralement non utilisé.

Notez également qu'il n'est pas nécessaire d'écrire en toutes lettres,
col-xs-6, ce qui signifie que sur les téléphones mobiles à petit écran ou les appareils plus grands que les téléphones mobiles à petit écran, cela ne représente que moitié, il n'est donc pas nécessaire d'ajouter des écritures supplémentaires col-sm-6, col-md-6 et col-lg-6. col-xs-6，表示在小屏手机或者比小屏手机大的设备，都只占一半，所以不需要额外去写col-sm-6、col-md-6和col-lg-6。
大的分列布局会在相应的情况下覆盖小的分列布局设置，小的分列布局是大的分列布局的默认值。
比如col-xs-6 col-md-12La disposition en grandes colonnes remplacera les paramètres de disposition en petites colonnes dans les cas correspondants. La disposition en petites colonnes est la valeur par défaut de la disposition en grandes colonnes.

Par exemple, col-xs-6 col-md-12 signifie qu'il occupe la moitié des colonnes sur les téléphones portables et les tablettes, et 12 colonnes sur les ordinateurs (qu'ils soient ordinaires ou de haute qualité). écrans de résolution). 🎜