About Course

Responsive web design makes websites enjoyable across devices and screen sizes, improving user engagement, user experience, and search rankings. This short course will teach you all you need to know to start creating responsive websites with Bootstrap 5, a front-end web design framework that simplifies the process of creating responsive websites.

You will learn the difference between Bootstrap 4 and Bootstrap 5.
You will learn the grid system available in Bootstrap 5.
Outline the process for reordering columns using Bootstrap 5.
Distinguish between buttons and badges.
You will learn to create cards, carousels, collapsible content, and accordion content.
You will also learn various ways of adding validation to forms.
Outline the process for embedding a video using Bootstrap 5.

Course Content

Module 1: Introduction and Setup
Distinguish between Bootstrap 4 and Bootstrap 5. Identify the grid sizes available in the Bootstrap 5 grid system.

Setup and the Grid System
Grid System and Layout

Module 2: Working with Components and Forms
Learn about buttons, badges, creating cards and carousels, and ways of adding validation to forms.

Module 3: Helpers, Utilities and Extras
Learn to embed a video, create tables, and add shadows to webpage elements, as well as the function of the clearfix utility.

Course Assessment
Responsive web design with Bootstrap 5 - course assessment

Student Ratings & Reviews

4.5

Total 2 Ratings

1 Rating

0 Rating

6 years ago

The course is extraordinary!!
It explains everything from A to Z regarding Nutrition and also there are some very valuable workout tips.
Great job!

6 years ago

Absolutely fantastic!! Thanks so, so much Felix for your concise, practically useful and well informed course.

Responsive Web Design With Bootstrap 5

About Course

What Will You Learn?

Course Content

Module 1: Introduction and Setup
Distinguish between Bootstrap 4 and Bootstrap 5. Identify the grid sizes available in the Bootstrap 5 grid system.

Setup and the Grid System

Grid System and Layout

Module 2: Working with Components and Forms
Learn about buttons, badges, creating cards and carousels, and ways of adding validation to forms.

Bootstrap 5 Components – Part 1

Bootstrap 5 Components – Part 2

Bootstrap 5 Forms

Module 3: Helpers, Utilities and Extras
Learn to embed a video, create tables, and add shadows to webpage elements, as well as the function of the clearfix utility.

Bootstrap 5 Helpers

Bootstrap 5 Utilities

Bootstrap 5 Extras

Course Assessment
Responsive web design with Bootstrap 5 - course assessment

Responsive Web Design with Bootstrap 5 – Course Assessment

Learning is made easy.

About Course

What Will You Learn?

Course Content

Module 1: Introduction and Setup Distinguish between Bootstrap 4 and Bootstrap 5. Identify the grid sizes available in the Bootstrap 5 grid system.

Setup and the Grid System

Grid System and Layout

Module 2: Working with Components and Forms Learn about buttons, badges, creating cards and carousels, and ways of adding validation to forms.

Bootstrap 5 Components – Part 1

Bootstrap 5 Components – Part 2

Bootstrap 5 Forms

Module 3: Helpers, Utilities and Extras Learn to embed a video, create tables, and add shadows to webpage elements, as well as the function of the clearfix utility.

Bootstrap 5 Helpers

Bootstrap 5 Utilities

Bootstrap 5 Extras

Course Assessment Responsive web design with Bootstrap 5 - course assessment

Responsive Web Design with Bootstrap 5 – Course Assessment

Student Ratings & Reviews

Module 1: Introduction and Setup
Distinguish between Bootstrap 4 and Bootstrap 5. Identify the grid sizes available in the Bootstrap 5 grid system.

Module 2: Working with Components and Forms
Learn about buttons, badges, creating cards and carousels, and ways of adding validation to forms.

Module 3: Helpers, Utilities and Extras
Learn to embed a video, create tables, and add shadows to webpage elements, as well as the function of the clearfix utility.

Course Assessment
Responsive web design with Bootstrap 5 - course assessment