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.
Overview
COURSE DIFFICULTY
Skills Learned
After completing this online training course, students will be able to:
Implement Bulma for styling web applications
Customize fonts and colors with Bulma
Use Bulma containers and spacing utilities
Build desktop and mobile navbars
Style with Bulma responsive classes
Create tabbed interfaces and message boxes
Design with Bulma buttons and cards
Construct modals and form fields
Add and style footers using Bulma
01. Using Bulma CSS
- Intro & Setup
- Fonts & Colours
- Spacing & Containers
- Navbars (Desktop)
- Navbar (Mobile)
- Breadcrumbs
- Using Columns
- Responsive Classes
- Tabbed Content
- Message Boxes
- Buttons
- Cards
- Creating Modals
- Form Fields
- Adding a Footer
SKILLS LEARNED
Skills Learned
After completing this online training course, students will be able to:
Implement Bulma for styling web applications
Customize fonts and colors with Bulma
Use Bulma containers and spacing utilities
Build desktop and mobile navbars
Style with Bulma responsive classes
Create tabbed interfaces and message boxes
Design with Bulma buttons and cards
Construct modals and form fields
Add and style footers using Bulma
COURSE OUTLINE
01. Using Bulma CSS
- Intro & Setup
- Fonts & Colours
- Spacing & Containers
- Navbars (Desktop)
- Navbar (Mobile)
- Breadcrumbs
- Using Columns
- Responsive Classes
- Tabbed Content
- Message Boxes
- Buttons
- Cards
- Creating Modals
- Form Fields
- Adding a Footer
