Bootstrap 4 Layouts in Depth

Beginner

96 Lessons

28h

Certificate of Completion

Through interactive lessons, you will learn Bootstrap 4. It gives you a quick and easy way to grasp the features of Bootstrap 4.

AI-POWERED

Explanations
Explanations

This course includes

89 Playgrounds
8 Quizzes
311 Illustrations

This course includes

89 Playgrounds
8 Quizzes
311 Illustrations

Course Overview

This course provides detailed guidance of the web layout design process using the Bootstrap 4 framework. You’ll begin with an in-depth overview of layout design using Bootstrap 4 framework. Then, you’ll learn to build layouts using the Bootstrap grid, utilizing the Bootstrap rows and responsive columns. Next, you’ll use Bootstrap components like breadcrumb, carousel, card, and jumbotron as well as copy features from one layout and use them in another. Then, you’ll customize a layout with the help of CSS pr...Show More

What You'll Learn

A working knowledge of creating web layouts using Bootstrap 4 framework

Familiarity with Bootstrap grids and Bootstrap components, including breadcrumb, carousel, card, and jumbotron

The ability to modularize the layouts using the Angular framework

Hands-on experience of creating layout clones of popular websites like Airbnb and Shopify

Course Content

1

✨Getting Started

2

Introduction to Bootstrap

3

Grid in Bootstrap 4

4

Components of Bootstrap 4

5

Official Bootstrap Example

6

Cloning CSS Theme

6 Lessons

7

Typography-Focused Layout

15 Lessons

8

Modularize Bootstrap Layouts

11 Lessons

9

Optimizing Official Bootstrap's Incline Theme

9 Lessons

10

Airbnb Clone Layout in Bootstrap 4

10 Lessons

11

Shopify Clone Layout in Bootstrap 4

10 Lessons

12

Conclusion

1 Lesson

13

Appendix

4 Lessons

COURSE AUTHOR

How You'll Learn

Hands-on Coding Environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

2x Faster Learning — With No Setup

Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.

AI-Powered Learning

Learn faster and smarter with adaptive AI tools embedded in every Educative course.

Progress You Can Show

Built-in assessments let you test your skills. Completion certificates let you show them off.

Recommended Courses

BEFORE STARTING THIS COURSE

AFTER FINISHING THIS COURSE

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath