Bulma CSS Page Build Tutorial
Bulma CSS is a component-based CSS framework not too dissimilar to Bootstrap. It includes a grid system, helper classes for things like colours & fonts & a few ready-made components like buttons, navbars & tabs.
In this Bulma page build tutorial you'll build a product page from scratch, which implements these classes & components.
Example Curriculum
Using Bulma CSS
Available in
days
days
after you enroll
- 1 - intro & setup (6:36)
- 2 - fonts & colours (9:51)
- 3 - spacing & containers (6:17)
- 4 - navbars (desktop) (6:39)
- 5 - navbar (mobile) (4:58)
- 6 - breadcrumbs (5:03)
- 7 - using columns (8:23)
- 8 - responsive classes (8:39)
- 9 - tabbed content (11:39)
- 10 - message boxes (2:21)
- 11 - buttons (3:15)
- 12 - cards (8:23)
- 13 - creating modals (4:37)
- 14 - form fields (6:35)
- 15 - adding a footer (3:12)
Course Preview
Sign up for Net Ninja Pro
Most popular
Monthly Membership
$9/mo
- Instant access to all courses
- Early access to new courses
- Access to premium & Udemy courses
- Cancel at any time
Yearly Membership
$79/yr
- Instant access to all courses
- Early access to new courses
- Access to premium & Udemy courses
- Save over 25%!
Get your first month half price when you use the code NINJAFLEDGLING. (monthly plan only).