Grid.css - minimali tinklo kūrėjų tinklo sistema

Didesnės priekinės struktūros, kaip antai „Bootstrap“, yra su jų savo tinklo sąrankos. Bet jie taip pat ateiti su daug bagažo iš anksto suprojektuoti puslapių elementai ir „JavaScript“ komponentai.

Jei ieškote daug mažesnės ir supaprastintos tinklelio sistemos, tuomet jums patiks Grid.css.

Ši nemokama atviro kodo biblioteka yra supakuota su tradiciniais 12 colių tinklelio sistema kad galėtumėte sukurti bet kokį išdėstymą. CSS yra labai paprasta naudoti ir pats failas matuoja tik 560 baitų (tai pusė KB!)

Darbo pradžia yra labai paprasta ir jums reikia vienas CSS failas pridėta prie jūsų antraštės.

Galite rasti tiesioginio atsisiuntimo nuoroda Grid.css pagrindiniame puslapyje arba oficialiame „GitHub“ repo. Jūs netgi galite naudoti neapdorota CDN versija įterpti šį failą tiesiai iš „GitHub“, neprisijungę.

Dabar galite nustatyti stulpelių struktūrą naudodami bet kokius norimus elementus (divai, skyriai ir tt).

Tai paprastai apima a .eilutė elementas (konteineris) kartu su daugeliu vidiniai stulpelių elementai. Stulpelių klasės naudoti numerius nustatyti bendrą jų talpą konteinerio viduje, pvz, .col4 užima keturis stulpelius iš dvylikos iš viso.

Čia yra pavyzdžio fragmentas iš demo:

Jūs galite naudoti bet kurį jums priimtiną stulpelių klasių derinį, tik tiek, kiek jie yra pridėti iki 12.

Tai reiškia, kad taip pat galite pertvarkyti puslapį tačiau norite, naudodami skirtingų eilių konteineriai. Pvz., Galėtumėte turėti vieną didelį intervalą jūsų antraštei, tačiau naudokite dvi skirtingas eilutės / kolonėlių sąrankas jūsų puslapio korpusui.

Žinoma, ši biblioteka yra 100% nemokamai ir atviro kodo, todėl galite laisvai redaguoti, tačiau norite.

Kūrėjas Ahmedas Tarekas, taip pat padarė Butną kuris yra daugelio mygtukų UI rinkinių variantas. Tai poros gražiai su Grid.css, todėl jie yra puikios bibliotekos, kurios pradeda naują interneto projektą.