Featured resource
2026 Tech Forecast
2026 Tech Forecast

Stay ahead of what’s next in tech with predictions from 1,500+ business leaders, insiders, and Pluralsight Authors.

Get these insights
  • Course

Web Layouts with Flexbox and Bootstrap 4

Flexboxes make creating web page layouts quicker, easier, and offer greater flexibility than traditional columns. Bootstrap 4 introduced the ability to develop Flexboxes quickly and added several additional utilities that make layouts even easier

Beginner
2h
(80)

Created by Jeff Batt

Last Updated Oct 02, 2020

Course Thumbnail
  • Course

Web Layouts with Flexbox and Bootstrap 4

Flexboxes make creating web page layouts quicker, easier, and offer greater flexibility than traditional columns. Bootstrap 4 introduced the ability to develop Flexboxes quickly and added several additional utilities that make layouts even easier

Beginner
2h
(80)

Created by Jeff Batt

Last Updated Oct 02, 2020

Get started today

Access this course and other top-rated tech content with one of our business plans.

Try this course for free

Access this course and other top-rated tech content with one of our individual plans.

This course is included in the libraries shown below:

  • Core Tech
What you'll learn

Using rows and columns can work for most webpages, but you are typically restricted to working with twelve columns, especially in Bootstrap. In this course, Web Layouts with Flexbox and Bootstrap 4, you will gain the ability to create custom web page layouts without having to define columns or stick within the column layouts. First, you will learn how to get started with defining flex containers and the different types of containers. Next, you will discover how to combine vertical and horizontal flex containers to create complex layouts. Then, you will learn how to add additional classes to refine your website. Finally, you will explore how to create a custom game layout using nothing but Flexbox layouts. When you’re finished with this course, you will have the skills and knowledge of using Flexboxes to create custom web page layouts without a lot of CSS, which will help you become a more efferent web designer working on large scale web pages.

Web Layouts with Flexbox and Bootstrap 4
Beginner
2h
(80)
Table of contents

About the author
Jeff Batt - Pluralsight course - Web Layouts with Flexbox and Bootstrap 4
Jeff Batt
9 courses 4.1 author rating 549 ratings

Jeff has 10+ years experience in the digital learning and media industry. Currently he is Founder and Head Trainer/Sensei at Learning Dojo, a company dedicated to training you to become a software ninja in a variety of eLearning, web, and mobile related software applications.

Get started with Pluralsight