Bygg et dynamisk rutenett med Salvattore og Bootstrap på 10 minutter

Salvattore touts seg som et jQuery Masonry-alternativ med en viktig forskjell: Den bruker CSS-konfigurasjon i stedet for JavaScript. Disse typer rister kan ses over hele nettet, trolig mest kjent på Pinterest.

I dag bruker vi Salvattore i kombinasjon med Twitter Bootstrap 3 for å gi en responsivt fantastisk flytende rutenettstruktur.

Komme i gang: Hva du trenger

Først må du ta tak i Salvattore JavaScript-biblioteket (minifisert eller kilde). Deretter vil du koble opp Twitter Bootstraps CSS. I stedet for å laste ned og hosting vår egen kopi, låner vi dette direkte fra NetDNAs BootstrapCDN.

   Salvattore + Bootstrap      

Når dette er ferdig, er du klar til å komme i gang med å konfigurere Salvattore! 

Deretter trenger du enten et eksternt stilark eller en 

Bøker av Ernest Hemingway

Konklusjon

Salvattore gjør det enkelt å lage dynamiske Masonry-stilrister for noen som ikke vet mye JavaScript. Å si at med en liten mengde JavaScript, er det en bris å lage dynamiske grensesnitt kombinert med dynamisk innhold. Til slutt, Bootstrap gir fleksibel klassenavnestruktur for å enkelt konstruere grid for ethvert brytepunkt.