, rowgrid.js is continue weergave van beelden van de « plug­in » eenvoudige voorbeelden van rowgrid), zoals hieronder aangegeven, <.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int = "en" > < hoofd > < charset = "- -" > < stijl >. De containers: voor - en achterkant. Container: {Inhoud:;: tabel;} {duidelijk. Containers: in twee;}: variabele: {links. Het project; margin-bottom: 15px;} {maximale breedte van IMG. Project: 100%; de maximale hoogte: 100%; de verticale lijn: de bodem;} {} is duidelijk: de eerste alinea;. De laatste in de rij. De laatste rij ". Project (margin-bottom::0;} < /stijl > LT het script src = 'http: //CDNJS; c.Loudflare. COM /Ajax /library /code /interface /. Js "> < /scripts > < script src =" /« /src /rowgrid /). Rooster. J 's "> < /scripts > < het script en GT; $(document) (functie. () {% (" CONTAINER "). Rowgrid ({itemselector: de" post ", minmargin:10, maxmargin:25, firstitemclass:" de eerste "});}); < /scripts > < /hoofd > < lichaam > <.- zoals de beeld - project > < div = "CONTAINER" > < div = "post" > < IMG - src = "http://www.tutorialspoint.com/images/75-logo.jpg" breedte = "220" hoogte = "200" /> < /div > < div = "post" > < IMG - src = "http://www.tutorialspoint.com/images/absolute-classes-free.jpg" breedte = 180 "hoogte =" 200 "/> < /div > < div =" post "> < IMG - src =" http://www.tutorialspoint.com/images/absolute-classes-latest-technologies.jpg "breedte = 250" hoogte = "200" /> < /div > < div = "" > < IMGSrc = "http://www.tutorialspoint.com/images/absolute-classes.jpg" breedte = "200" hoogte = "200" /> < /div > < div = "post" > < IMG - src = "http://lorempixel.com/240/200?"5" breedte = 240 "hoogte =" 200 "/> < /div > < div =" post "> < IMG - src =" http://lorempixel.com/210/200?"6" breedte = 210 "hoogte =" 200 "/> < /div > < div =" post "> < IMG - src =" http://lorempixel.com/260/200?21 "breedte =" hoogte = 260 "en" 200 "/> < /div > < div =" post "> < IMG - src =" http://lorempixel.com/220/200?"22" breedte = 220 "hoogte =" 200 "/> < /div > < div =" post "> < IMG - src =" http://lorempixel.com/220/200?1. Breedte = "220" hoogte = "200" /> < /div > < div = "post" > < IMG - src = "http://lorempixel.com/180/200?2 "breedte = 180" hoogte = "200" /> < /div > < div = "post" > < IMG - src = "http://lorempixel.com/250/200?"Drie" breedte = 250 "hoogte =" 200 "/> < /div > < div =" post "> < IMG - src =" http://lorempixel.com/200/200?4 "breedte =" 200 "hoogte =" 200 "/> < /div > < div =" post "> < IMG - src =" http://lorempixel.com/240/200?"5" breedte = 240 "hoogte =" 200 "/> < /div > < div =" post "> < IMG - src =" http://lorempixel.com/210/200?"6" breedte = 210 "hoogte =" 200 "/> < /div > < div =" post "> < IMG - src =" http://lorempixel.com/200/200?Breedte = 7 "en" 200 "hoogte =" 200 "/> < /div > < div =" post "> < IMG - src =" http://lorempixel.com/190/200?"8" breedte = 190 "hoogte =" 200 "/> < /div > < div =" post "> < IMG - src =" http://lorempixel.com/260/200?"9" breedte = 260 "hoogte =" 200 "/> < /div > < div =" post "> < IMG - src =" http://lorempixel.com/220/200?"10" breedte = 220 "hoogte =" 200 "/> < /div > < /div > < /body > < /html > dit zal leiden tot de volgende resultaten en negatieve;, alsjeblieft. Hier.