Grid.css - minimaalne võrgusüsteem veebiarendajatele

Suuremad esipaneeli raamid, nagu näiteks Bootstrap, on kaasas oma oma võrgu seadistused. Aga nad ka tule koos palju pagasi eelnevalt kavandatud lehtelementide ja JavaScripti komponentide kujul.

Kui otsite palju väiksemat ja lihtsamat võrgusüsteemi, siis sa armastad Grid.css.

See tasuta avatud lähtekoodiga raamatukogu on pakitud traditsioonilise 12-kohaline võrgusüsteem mis tahes paigutuse jaoks saate struktuuri. CSS on tõesti lihtne kasutada ja fail ise mõõdab ainult 560 baiti (see on pool KB!)

Alustamine on väga lihtne ja sa lihtsalt vaja üks CSS-fail lisatakse teie päisesse.

Leiad selle otsene allalaadimise link Grid.css kodulehel või ametlikus GitHub repos. Võite isegi kasutada toores CDN versioon faili sisestamiseks otse GitHubist ilma seda ise majutamata.

Nüüd saate oma veeru struktuuri seadistada kasutades soovitud elemente (divid, sektsioonid jne).

See hõlmab üldiselt a .rida element (konteiner) koos paljudega sisemise veeru elemendid. Veeru klassid kasutage numbreid määratleda nende kogupind konteineri sees, näiteks, .col4 võtab kokku kaheteistkümne koguarvu veergu.

Siin on näite fragment demost:

Võite kasutada mistahes veeruklasside kombinatsiooni, mida soovite, niikaua kui nad on lisa kuni 12.

See tähendab, et saate ka ümber struktureerida aga soovid, kasutades erinevad rida konteinerid. Näiteks võib teie päise jaoks olla üks suur span, kuid kasutage oma lehekülje keha jaoks kahte erinevat rida / kolonni seadistust.

Loomulikult on see raamatukogu 100% tasuta ja avatud lähtekoodiga, nii et saate vabalt teha muudatusi.

Looja, Ahmed Tarek, ka Butns mis on variant paljudest nuppude UI komplektidest. See paarid koos Grid.cssiga, nii et nad on mõlemad suurepärased raamatukogud uue veebiprojekti käivitamisel.