Web Layouts with Flexbox and Bootstrap 4
By Jeff Batt
Course info
Course info
Description
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.
About the author
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.
More from the author
Section Introduction Transcripts
Course Overview
Hey everyone. My name is Jeff Batt and welcome to this course, Web Layouts with Flexbox and Bootstrap 4. I am a technical trainer at Learning Dojo. CSS 3 introduced flexboxes, which allow you to easily create web layouts without having to define specific column sizes. Bootstrap 4 introduced the ability to use flexboxes instead of columns. This course is designed to walk you through hands-on examples of how to create web layouts with Bootstrap 4 flexboxes. Some of the major topics that we'll include are getting started with flexbox containers, combining vertical and horizontal flexbox stacks for complex layouts, customizing your flexboxes with additional bootstrap utilities, and how to adapt and change your content based off size. By the end of this course, you'll be familiar with how to use flexboxes within Bootstrap 4 and the additional utilities Bootstrap 4 provides to create custom web page layouts. Before beginning this course, you should be familiar with HTML and CSS basics, as well as some JavaScript. I hope you'll join me in this journey to learn flexbox with the Web Layouts with Flexbox and Bootstrap 4 course at Pluralsight.