Introduction to Responsive Design using Bootstrap – Free Course

Note: This post contains affiliate links and I may be compensated if you click on them.

Bootstrap is a framework for developing responsive mobile first projects on the web. The course “Introduction to Responsive Design using Bootstrap” describes how to use Bootstrap in a Visual Studio development environment, and how you can add Bootstrap components and themes to your website. The course includes the following topics:

Using Bootstrap to upgrade/develop a website.
Types of components found in Bootstrap.
How to bring Bootstrap components into a website.
The importance of a responsive design for a website.
How to use grids in Bootstrap.
How grids in Bootstrap are different to HTML tables.

This course will be of great interest to website developers who would like to learn more about using Bootstrap for responsive design.

Introduction to Responsive Design using Bootstrap – Course Content

The course introduces you to Bootstrap, how Bootstrap can help with developing and maintaining a website, and how to use Bootstrap in Visual Studio. You will learn about page design and positioning content in Bootstrap’s grid system, what a responsive user interface (UI) is, and about themes which you can use to reskin your website with ease. Next, you will be introduced to components in Bootstrap. You will learn about the three main groups of components, about grouping components for organizing webpage content and how to use Bootstrap objects. You will be introduced to glyphicons and buttons, and how to include them in a website. The course also covers navigation components which you can include on a website such as a Navbar and Pagination. Finally, you will be introduced to page design and page layout. There are four different grids depending on screen size and you will learn how these grids work and how to include them in a website. The course teaches you about moving and controlling placement of content in a grid, and about creating a form for data entry.