Dans Bootstrap v3, j'utilise souvent les classes cachées - ** combinées avec clearfix pour contrôler les dispositions multi-colonnes à différentes largeurs d'écran. Par exemple,
Je pourrais combiner plusieurs cachés - ** dans un DIV pour que mes colonnes multiples apparaissent correctement à différentes largeurs d'écran.
Par exemple, si je voulais afficher des lignes de photos de produits, 4 par ligne sur des écrans plus grands, 3 sur des écrans plus petits, puis 2 sur de très petits écrans. Les photos du produit peuvent avoir des hauteurs différentes, j'ai donc besoin du clearfix pour garantir que la ligne se casse correctement.
Voici un exemple en v3 ...
http://jsbin.com/tosebayode/edit?html,css,output
Maintenant que la v4 a supprimé ces classes et les a remplacées par les classes visible / cachée - ** - up / down, il semble que je doive faire la même chose avec plusieurs DIV à la place.
Voici un exemple similaire en v4 ...
http://jsbin.com/sagowihowa/edit?html,css,output
Je suis donc passé de DIVs simples à devoir ajouter plusieurs DIVs avec beaucoup de classes up / down pour réaliser la même chose.
De...
<div class="clearfix visible-xs-block visible-sm-block"></div>
à...
<div class="clearfix hidden-sm-up"></div>
<div class="clearfix hidden-md-up hidden-xs-down"></div>
<div class="clearfix hidden-md-down"></div>
Y a-t-il une meilleure façon de faire cela dans la v4 que j'ai ignorée?