Mit jelent pontosan a grid system, és hogyan használják fel weblapok építéséhez?

A grid maga rácsot jelent, a technikai haszna az, hogy sokkal gyorsabban lehet egy kinézetet kialakítani.

Úgy néz ki, hogy van egy "sablon" ami egy alap felosztást tartalmaz, te pedig egy div méretét (és helyét/behúzását) előre elkészített stílusokkal tudod megadni.

Pl.: bootstrapjs-el egy 2 oszlopos oldal kialakítása kb ennyi:

<div class="row">

<div class="span3"></div>

<div class="span9"></div>

</div>

Ez megcsinálja a 3 és 9 "egységnyi" blokkokat és kész, nem kell lebegtetni és semmi extrát csinálni. (bootstrapban 12-es grid van és milyen meglepő 9+3=12)

A grid system - mint mostanában minden webszerkesztési trükk mint pl az mvc is - kicsit túl van misztifikálva. A lényege, hogy egy css sablont ültetsz a weblapodra, ami tartalmazza azokat a class-okat, amiknek a segítségével egységes oszlopokká rendezheted a konténer div-jeidet (ld #1). Általában 12-es, 16-os gridek vannak. Mivel az oszlopokba rendezett elemek könnyebben rendezhetők/tagolhatók, és látványra is harmóniuksak, ezért népszerűek.

Ajánlott a használatuk, de ez nem egy ilyen fizetős koncepció, inkább egy ajánlás.