Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Bulma CSS Tutorial

Net Ninja via YouTube

Overview

Learn Bulma CSS with The Net Ninja! In this course, you will learn about setup, fonts and colours, spacing and containers, navbar, breadcrumbs, grid columns, responsive classes, tabbed content, message boxes, buttons, cards, creating modals, form fields, and adding a footer.

Syllabus

Bulma CSS Tutorial (Product Page Build) #1 - Intro & Setup.
Bulma Tutorial (Product Page Build) #2 - Fonts & Colours.
Bulma Tutorial (Product Page Build) #3 - Spacing & Containers.
Bulma Tutorial (Product Page Build) #4 - Navbar (desktop).
Bulma Tutorial (Product Page Build) #5 - Navbar (for mobiles).
Bulma Tutorial (Product Page Build) #6 - Breadcrumbs.
Bulma Tutorial (Product Page Build) #7 - Grid Columns.
Bulma Tutorial (Product Page Build) #8 - Responsive Classes.
Bulma Tutorial (Product Page Build) #9 - Tabbed Content.
Bulma Tutorial (Product Page Build) #10 - Message Boxes.
Bulma Tutorial (Product Page Build) #11 - Buttons.
Bulma Tutorial (Product Page Build) #12 - Cards.
Bulma Tutorial (Product Page Build) #13 - Creating Modals.
Bulma Tutorial (Product Page Build) #14 - Form Fields.
Bulma Tutorial (Product Page Build) #15 - Adding a Footer.

Taught by

The Net Ninja

Reviews

Start your review of Bulma CSS Tutorial

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.