Grid.css - minimalni sistem za spletne razvijalce

Večji okvirji, kot so Bootstrap, so priloženi lastne nastavitve omrežja. Ampak, tudi oni prihajajo z veliko prtljage v obliki vnaprej oblikovanih elementov strani in komponent JavaScript.

Če iščete veliko manjši in poenostavljen sistem omrežja, vam bo všeč Grid.css.

Ta brezplačna odprtokodna knjižnica je pakirana v tradicionalno 12-col omrežni sistem ki jih lahko strukturirate za katero koli postavitev. CSS je zelo enostaven za uporabo in sama datoteka meri samo 560 bajtov (to je pol KB!)

Prvi koraki so zelo preprosti in potrebujete eno datoteko CSS dodan v glavo.

Lahko najdete neposredno povezavo za prenos na domači strani Grid.css ali v uradni repoziciji GitHub. Lahko celo uporabite surova različica CDN Če želite to datoteko vdelati neposredno iz GitHub, ne da bi jo sami gostili.

Zdaj lahko nastavite strukturo stolpcev z elementi, ki jih želite (div, oddelki itd.).

To na splošno vključuje a .vrstico element (posoda) skupaj z mnogimi elementi notranjega stolpca. Razredi stolpcev uporabo številk za določitev njihovega skupnega prostora znotraj vsebnika, na primer, .col4 zavzema štiri stolpce od skupno dvanajstih.

Tukaj je primer odrezka iz predstavitve:

Uporabite lahko katero koli kombinacijo razredov stolpcev, ki so vam všeč, samo tako dolgo, kot so dodajte do 12.

To pomeni, da lahko tudi vi prestrukturiranje strani če želite, z uporabo različnih vrst kontejnerjev. Na primer, lahko imate en velik razpon za glavo, vendar uporabite dve različni nastavitvi vrstice / stola za vaše telo strani.

Ta knjižnica je seveda 100% brezplačno in odprtokodno, tako lahko uredite, kakor želite.

Ustvarjalec, Ahmed Tarek, tudi Butns ki je različica številnih gumbov UI kompleti tam zunaj. To pari z Grid.css, tako da sta obe odlični knjižnici, da se lotita začetka novega spletnega projekta.