Development

Bulma CSS Tutorial

Intermediate
2h

By: Shaun Pelling

Bulma CSS Tutorial

Overview

This course explores Bulma, a modern CSS framework based on Flexbox that provides a set of responsive, mobile-first styles and components to streamline the web development process. It covers Bulma's syntax and structure, focusing on how to use its grid system, form controls, navigation, and other pre-made components to create aesthetically pleasing web layouts. The course highlights how Bulma's classes are modular and customizable, allowing developers to build complex web interfaces with minimal CSS. Participants learn to navigate Bulma's component-based design to rapidly deploy interfaces, as well as how to customize and extend the framework to fit their specific design goals without writing extensive custom CSS. By the end of the course, learners have the knowledge to implement Bulma effectively, creating websites that are both functional and visually engaging.

Modules

1. Using Bulma CSS

1.1 Intro & Setup7 min
1.2 Fonts & Colours10 min
1.3 Spacing & Containers6 min
1.4 Navbars (Desktop)7 min
1.5 Navbar (Mobile)5 min
1.6 Breadcrumbs5 min
1.7 Using Columns8 min
1.8 Responsive Classes9 min
1.9 Tabbed Content12 min
1.10 Message Boxes2 min
1.11 Buttons3 min
1.12 Cards8 min
1.13 Creating Modals5 min
1.14 Form Fields7 min
1.15 Adding a Footer3 min

Ready to Elevate Your Team's Learning?

Talk with our sales team to see how StormWind can transform the way your organization trains and grows.

CONTACT SALES