Construire une grille dynamique avec Salvattore et Bootstrap en 10 minutes

Salvattore se présente comme une alternative à la maçonnerie jQuery avec une différence importante: il utilise la configuration CSS au lieu de JavaScript. Ces types de grilles sont visibles partout sur le Web, probablement sur Pinterest..

Aujourd'hui, nous allons utiliser Salvattore en combinaison avec Twitter Bootstrap 3 pour créer une structure de grille fluide et impressionnante.

Pour commencer: ce dont vous aurez besoin

Tout d'abord, vous devez récupérer la bibliothèque JavaScript Salvattore (minifiée ou source). Ensuite, vous voudrez relier le CSS de Twitter Bootstrap. Au lieu de télécharger et d’héberger notre propre copie, nous l’emprunterons directement à partir du BootstrapCDN de NetDNA..

   Salvattore + Bootstrap      

Une fois cette opération terminée, vous êtes prêt à commencer à configurer Salvattore.! 

Ensuite, vous aurez besoin d’une feuille de style externe ou d’un 

Livres de Ernest Hemingway

Conclusion

Salvattore facilite la création de grilles dynamiques de type maçonnerie pour ceux qui ne connaissent pas beaucoup JavaScript. Cela dit, avec une petite quantité de JavaScript, créer des grilles dynamiques associées à un contenu dynamique est un jeu d'enfant. Enfin, Bootstrap fournit une structure de nommage de classe flexible permettant de construire facilement des grilles pour tout point d'arrêt..