Bulma is het enige door Flexbox aangedreven CSS-framework dat u ooit nodig zult hebben

Flexbox is een hot topic voor ontwikkelaars van frontend omdat het een moderne benadering van CSS-alignementen. De meeste websitelay-outs zijn afhankelijk van CSS-drijvers of vaste percentages om inhoudsblokken op één lijn te houden.

Maar flexbox verandert alle regels en met een kader zoals Bulma kun je dat bouw volledige lay-outs op flexbox. Dit is een gloednieuw CSS-framework dat zich nog in de beginfase van ontwikkeling bevindt, maar met veel te bieden heeft.

Voor zo'n jong project lijkt het alsof Bulma vol zit met potentieel. Bulma biedt een modern CSS-raamwerk en responsieve strategie voor lay-outontwerp. Met flexbox kun je dat structureer een willekeurig aantal blokelementen om uit te lijnen naast elkaar en afbreken op bepaalde breekpunten.

Met een eenvoudige klasse van .kolommen jij kan voeg zoveel divs toe als je wilt en houd de lay-out consistent. Jij kan verander de kolomklassen om wat breder te maken dan anderen en om sommige een andere uitlijning te laten hebben.

Zowel horizontale als verticale uitlijning is super eenvoudig met dit kader. Nooit meer zult u op het laatste moment een CSS-oplossing moeten hacken.

Het beste deel is dat de meeste moderne browsers flexbox ondersteunen, met uitzondering van Internet Explorer. Maar wanneer Microsoft overstapt naar Edge, is het veel eenvoudiger om een ​​framework zoals Bulma te gebruiken zonder dat u zich zorgen hoeft te maken over legacy-ondersteuning.

Het is ook vermeldenswaard dat dit niet alleen een flexbox-framework is. Het is een volledige CSS-bibliotheek met standaardstijlen voor typografie, knoppen, invoervelden, en andere veel voorkomend pagina-elementen. Bulma is volledig gratis en wordt geleverd met uitstekende documentatie als u bereid bent om in te duiken en te beginnen met bouwen.

En als je Bulma niet lokaal wilt downloaden, kun je het nog steeds proberen via het online CDN. De online documentatie zou meer dan genoeg moeten zijn om u op weg te helpen, met name de rasterpagina die u kunt gebruiken voor het bouwen van een volledige lay-outstructuur.

Bulma bevindt zich momenteel in versie 0.2.3, dus het heeft nog een lange weg af te leggen vóór de v1.0-release. Zelfs in de huidige versie is het nog steeds redelijk bruikbaar en biedt het veel potentieel voor de toekomst.

Ga voor meer informatie naar de officiële GitHub-repo of ga naar de Bulma-webpagina voor installatie-instructies en volledige documentatie.