When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.
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
This Course Includes
pluralsight
4 (80 reviews )
2 hour 
english
Online - Self Paced
core courses
pluralsight
About Web Layouts with Flexbox and Bootstrap 4
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.
What You Will Learn?
- Course Overview : 1min.
- Creating Flexbox Layouts : 40mins.
- Adjusting Alignment, Margins, and Display Order : 32mins.
- Adding in Other Bootstrap Layout Utilities : 29mins.
- Finalizing Our Project Before Deployment : 17mins.