Bootstrap: Getting Started

Bootstrap is the most popular CSS framework for creating responsive, mobile-first websites. This course will teach you how to create your first pages of a real site using the Bootstrap framework.
Course info
Level
Beginner
Updated
Jul 30, 2020
Duration
2h 8m
Table of contents
Course Overview
Getting to Know Bootstrap
Creating a Page Layout with Bootstrap
Adding Style with Bootstrap
Bringing in Functionality Using Bootstrap Components
Creating a Bootstrap-enabled Form
Making Pages Interactive with JavaScript-enabled Components
Description
Course info
Level
Beginner
Updated
Jul 30, 2020
Duration
2h 8m
Description

Bootstrap is a vital tool in the toolbox of just about every web developer. It is key to creating responsive, mobile-first websites. In this course, Bootstrap Getting Started, you’ll learn to use the Bootstrap framework in a practical, hands-on way. First, you’ll explore the key parts of the Bootstrap framework so you understand what Bootstrap can help you achieve. Next, you’ll discover how to create a responsive layout, based on the Grid and other Bootstrap classes. Finally, you’ll learn how to add components to enhance the experience users will have on your site. When you’re finished with this course, you’ll have the skills and knowledge of Bootstrap needed to build modern, mobile-first web sites.

About the author
About the author

Gill Cleeren is a solution architect, author, and trainer in mobile and web technologies. He's also a Microsoft Regional Director and MVP. He lives in Tienen, Belgium.

More from the author
Blazor: Getting Started
Beginner
3h 18m
Jun 25, 2020
More courses by Gill Cleeren
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi, everyone. My name is Gill Cleeren, and welcome to my course, Bootstrap: Getting Started. I'm a CTO of Xpirit Belgium and work on web and mobile projects. Building for the web is a lot of fun, but it's not always easy. Users will visit your site using different devices, from small mobile devices to large monitors. Making sure that your site looks good on all these screen sizes is a lot of work. Bootstrap is a very popular open‑source library designed to help you create mobile‑first responsive websites. Using Bootstrap, all visitors will get the most optimal experience on your site. This course will teach you all you need to know about Bootstrap, and you'll be creating a site step by step in this course. You start with adding Bootstrap to your site. Then you'll learn about the grid layout system to create a responsive page layout. Bootstrap can do a lot more though, so next you'll learn about the several layout classes it contains. Finally, you'll learn about components in Bootstrap, which contain already functionality for common tasks, such as creating a menu, a drop‑down, or even a full form. Some of the major topics we will cover include creating a fully working and responsive site based on Bootstrap, understanding the grid layout system using components to bring in common functionality such as a menu, see how you can make your site's UI consistent using common styles, create a responsive form using form components, adding interactive components based on JavaScript. By the end of this course, you'll have a good understanding of the Bootstrap framework and how it can be used to create responsive mobile‑first web applications. This course expects some basic HTML and CSS knowledge. No prior experience with Bootstrap is required. I hope you will join me on this journey to learn how to build responsive and good‑looking web pages with Bootstrap using the Bootstrap: Getting Started course here, on Pluralsight.