Costruisci una griglia dinamica con Salvattore e Bootstrap in 10 minuti

Salvattore si propone come alternativa alla jQuery Masonry con una differenza importante: usa la configurazione CSS invece di JavaScript. Questo tipo di griglie può essere visto in tutto il web, probabilmente più famoso su Pinterest.

Oggi utilizzeremo Salvattore in combinazione con Twitter Bootstrap 3 per creare una struttura a griglia fluida e reattiva.

Per iniziare: cosa ti serve

Innanzitutto, devi prendere la libreria JavaScript Salvattore (miniata o sorgente). Successivamente, ti consigliamo di collegare il CSS di Bootstrap di Twitter. Invece di scaricare e ospitare la nostra copia, la prenderemo direttamente da BootstrapCDN di NetDNA.

   Salvattore + Bootstrap      

Una volta che questo è completo, sei pronto per iniziare con la configurazione di Salvattore! 

Successivamente, avrai bisogno di un foglio di stile esterno o di un file 

Libri di Ernest Hemingway

Conclusione

Salvattore rende molto facile la creazione di griglie dinamiche in stile massoneria per chi non conosce molto JavaScript. Dicendo che, con una piccola quantità di JavaScript, la creazione di griglie dinamiche accoppiata a contenuti dinamici è un gioco da ragazzi. Infine, Bootstrap fornisce una struttura di denominazione delle classi flessibile per costruire facilmente griglie per qualsiasi punto di interruzione.