Bouw een dynamisch raster met Salvattore en Bootstrap in 10 minuten

Salvattore prijkt zichzelf als een jQuery Masonry-alternatief met een belangrijk verschil: het gebruikt CSS-configuratie in plaats van JavaScript. Dit soort rasters zijn overal op internet te zien, waarschijnlijk het beroemdst op Pinterest.

Vandaag zullen we Salvattore gebruiken in combinatie met Twitter Bootstrap 3 om een responsief geweldige vloeiende netwerkstructuur te maken.

Aan de slag: wat je nodig hebt

Eerst moet je de Salvattore JavaScript-bibliotheek (verkleind of bron) pakken. Vervolgens wil je de CSS van Twitter Bootstrap koppelen. In plaats van het downloaden en hosten van onze eigen kopie, zullen we dit direct lenen van NetDNA's BootstrapCDN.

   Salvattore + bootstrap

Zodra dit is voltooid, bent u klaar om aan de slag te gaan met het configureren van Salvattore!

Vervolgens hebt u een externe stylesheet of een

 Boeken door Ernest Hemingway

     Conclusie
Salvattore maakt het maken van dynamische roosters in mason-stijl erg gemakkelijk voor iemand die niet veel JavaScript kent. Zeggen dat, met een kleine hoeveelheid JavaScript, het maken van dynamische rasters in combinatie met dynamische inhoud een fluitje van een cent is. Ten slotte biedt Bootstrap een flexibele klasse naamgevingsstructuur om gemakkelijk rasters voor elk breekpunt te construeren.



		
			
	   
	




Web ontwerp