Grid.css - minimālā tīkla sistēma tīmekļa izstrādātājiem

Lielāki frontendu ietvari, piemēram, Bootstrap, nāk ar to pašu tīkla iestatījumi. Bet viņi arī nāk ar daudz bagāžas iepriekš izstrādātu lapu elementu un JavaScript komponentu veidā.

Ja jūs meklējat daudz mazāku un racionalizētāku tīkla sistēmu, tad jums patiks Grid.css.

Šī bezmaksas atvērtā koda bibliotēka tiek piegādāta kopā ar tradicionālo 12 kolektoru tīkla sistēma ka varat strukturēt jebkuru izkārtojumu. CSS ir patiešām viegli lietot un pats fails tikai 560 baiti (tas ir pusi KB!)

Darba sākšana ir ļoti vienkārša un jums ir nepieciešams viens CSS fails pievienots jūsu galvenei.

Jūs varat atrast tiešā lejupielādes saite Grid.css mājaslapā vai oficiālajā GitHub repo. Jūs pat varētu izmantot neapstrādāta CDN versija lai iegultu šo failu tieši no GitHub, nepārvaldot to pats.

Tagad varat iestatīt kolonnas struktūru izmantojot visus vajadzīgos elementus (divs, sekcijas utt.).

Tas parasti ietver a .rindā elements (konteiners) kopā ar daudziem iekšējie kolonnas elementi. Kolonnas klases izmantot numurus lai noteiktu to kopējo telpu konteinerā, piemēram,, .col4 aizņem četrus divpadsmit kopumus.

Šeit ir piemērs no demonstrācijas:

Jūs varat izmantot jebkuru vēlamo kolonnu kombinācijas kombināciju, tik ilgi, cik tie ir pievienot līdz 12.

Tas nozīmē, ka varat arī pārstrukturēt lapu tomēr vēlaties, izmantojot dažādi rindu konteineri. Piemēram, jūsu galvenei var būt viens liels diapazons, bet jūsu lapas ķermenim ir divas dažādas rindas / kolonnas iestatījumi.

Protams, šī bibliotēka ir 100% bezmaksas un atvērtais avots, lai jūs varētu brīvi veikt labojumus, tomēr vēlaties.

Radītājs, Ahmed Tarek, arī darīja Butns kas ir daudzu pogu UI komplektu variants. Tā pārī ar Grid.css, tāpēc viņi abi ir lieliskas bibliotēkas, lai sāktu jaunu tīmekļa projektu.