Quelle est la différence entre les portées et les colonnes Bootstrap?
Je travaille avec bootstrap mais j'essaie de comprendre la différence entre Spans et colonnes,
exemple
<div class="span4">...</div>
or
<div class="col-md-4"></div>
Quelle est la différence entre eux ou font-ils la même chose?
<div class="span4">...</div>
est l'ancienne syntaxe Bootstrap jusqu'à version 2.3.2 ,
<div class="col-md-4"></div>
est Bootstrap version 3 syntax.
La principale différence est que le nouveau bootstrap est construit sur l’approche «mobile first», tandis que l’ancien utilisait l’approche typique de 960 g pour construire le réseau et que la réactivité était gérée séparément.
Vous avez maintenant 4 valeurs différentes qui vont redimensionner l'élément différemment en fonction de la taille de l'écran et du comportement souhaité:
.col-md-*
est l'équivalent de span*, alors que:
.col-xs-*
.col-sm-*
.col-lg-*
sont utilisés pour résoudre l’empilement vertical d’éléments sur des périphériques plus petits (vous permettant ainsi d’obtenir trois dispositions de colonnes sur des périphériques de petit écran, sans avoir à écraser les classes d’amorçage par défaut avec les vôtres).
Les portées ont été utilisées dans BS 2 - Échafaudages
Les colonnes sont utilisées dans BS 3 - CSS
Ils sont, à toutes fins utiles, la même chose.