Bulma je jediný Flexbox-Powered CSS Framework budete někdy potřebovat

Flexbox je horké téma pro vývojáře frontendu, protože nabízí moderního přístupu k vyrovnání CSS. Většina rozvržení webových stránek závisí na CSS plovácích nebo pevných procentech, aby obsahové bloky zůstaly v řadě.

Ale flexbox mění všechna pravidla a pomocí rámce, jako je Bulma, můžete stavět plné rozvržení na flexboxu. Jedná se o zcela nový rámec CSS, který je stále v raných fázích vývoje, ale s co nabídnout.

Pro takový mladý projekt to vypadá, že Bulma je plný potenciálu. Bulma nabízí a moderní rámec CSS a strategie pro návrh dispozice. S flexboxem můžete strukturu libovolného počtu prvků bloku, které se mají zarovnat vedle sebe a zhroutit se v určitých hranicích.

S jednoduchou třídou .sloupců můžeš přidat tolik divs, kolik chcete a zachovat konzistentní rozvržení. Můžeš změnit třídy sloupců, aby se některé rozšířily než jiní, a aby se odlišovali.

Horizontální i vertikální vyrovnání je s tímto rámcem velmi snadné. Už nikdy nebudete muset na poslední chvíli hacknout CSS řešení.

Nejlepší je, že většina moderních prohlížečů podporuje flexbox s výjimkou Internet Exploreru. Ale s Microsoftem přecházejícím k Edge bude mnohem snazší použít rámec jako Bulma bez starostí o podporu starších.

Stojí za zmínku, že to není jen rámec flexbox. Jedná se o plnou knihovnu CSS s výchozími styly typografie, tlačítka, vstupní pole, a další běžné prvky stránky. Bulma je zcela zdarma a přichází s vynikající dokumentací, pokud jste ochotni se potápět a začít stavět.

A pokud nechcete stahovat Bulma lokálně, můžete si to vyzkoušet pomocí online CDN. Online dokumentace by měla být více než dostačující, abyste mohli začít, zejména stránku s mřížkami, kterou můžete použít pro vytvoření úplné struktury rozložení.

Bulma je v současné době ve verzi 0.2.3, takže má před vydáním verze v1.0 dlouhou cestu. Dokonce i ve své současné verzi je stále poměrně použitelný a nabízí mnoho možností pro budoucnost.

Chcete-li se dozvědět více, podívejte se na oficiální repo GitHub nebo navštivte webovou stránku Bulma, kde najdete instrukce pro instalaci a kompletní dokumentaci.