Grid.css - Minimální mřížkový systém pro webové vývojáře

Větší frontendové rámce jako Bootstrap přicházejí s jejich vlastní nastavení sítě. Ale také přijít se spoustou zavazadel ve formě předem připravených prvků stránky a komponent JavaScriptu.

Pokud hledáte mnohem menší a efektivnější systém mřížek, budete milovat Grid.css.

Tato bezplatná open source knihovna je dodávána s tradičními 12-col mřížkový systém strukturu pro libovolné rozvržení. CSS je opravdu snadné použití a samotný soubor měří pouze 560 bytů (to je půl KB!)

Začínáme je velmi snadné a stačí jeden soubor CSS přidány do záhlaví.

Můžete najít odkaz ke stažení na domovské stránce Grid.css nebo v oficiálním repo GitHubu. Můžete dokonce použít surová verze CDN vložit tento soubor přímo z GitHubu, aniž byste ho sami hostovali.

Nyní můžete nastavit strukturu sloupců pomocí libovolných prvků, které chcete (divs, sekce, atd.).

To obecně zahrnuje a .řádek prvek (kontejner) spolu s mnoha vnitřní sloupové prvky. Třídy sloupců používat čísla definovat jejich celkový prostor uvnitř kontejneru, například, .col4 zabírá čtyři sloupce dvanácti součtů.

Tady je příklad fragmentu z demo:

Můžete použít libovolnou kombinaci tříd sloupců se vám líbí, tak dlouho, dokud oni přidat až 12.

To znamená, že můžete také restrukturalizujte stránku však chcete, pomocí různých kontejnerů. Například, můžete mít jeden velký rozsah pro záhlaví, ale použít dva různé řádky / col nastavení pro vaše tělo stránky.

Tato knihovna je samozřejmě 100% zdarma a open-source, takže můžete provádět úpravy bez ohledu na to, jak chcete.

Tvůrce, Ahmed Tarek, také udělal Butns což je varianta mnoha sad tlačítek UI. To pěkně páruje s Grid.css, tak jsou obě vynikající knihovny vyzvednout při spuštění nového webového projektu.