Bootstrap—a front-end framework using HTML, CSS, and jQuery—is designed to help developers quickly and easily build responsive, mobile-ready websites that are cross-browser compatible. An open-source framework, Bootstrap features a 12-column grid and components that are ready to use. In this course, Instructor Adeel Arshad helps you get started with Bootstrap 5, providing an overview of all of the goodies in this popular framework. Mr. Adeel covers the installation options, and walks through the basic styles that normalize how your content is displayed on different platforms and browsers. He also explains how to use the flexbox grid system to build nearly any kind of layout you can dream up, use different classes to easily get around your project, work with interactive components like dropdowns and carousels, and more.

Learning objectives

• Creating a basic template
• Reviewing basic styles and typography
• Using colors with Bootstrap
• Working with classes that help you deal with images
• Working with grid containers
• Offsetting columns
• Using list groups to style lists, buttons, and links
• Using breadcrumbs
• Reviewing layout components
• Using form styles
• Working with interactive components

Skills covered

• Front-end Development
• Bootstrap
• Web Design