Bootstrap 4 Grid System

Описание: It's a video tutorial of article "Understanding the Bootstrap 4 Grid System" - https://designmodo.com/bootstrap-4-gr...

Bootstrap templates: https://designmodo.com/bootstrap-temp...

Grid systems enable us to properly organize website content. Dividing the screen into multiple rows and columns is the best way to create a variety of layouts for any kind of website.

Bootstrap’s grid system has a division of columns ― up to 12 in each row. Each column width varies according to the size of screen they’re displayed in. Bootstrap’s grids are responsive and each rows may collapse at a certain breakpoints or can displayed fluidly across different viewports.

0:00 Introduction
0:06 BOOTSTRAP 4 GRID SYSTEM
0:58 Creating Basic Grid
1:52 5 Types of Class Prefixes for creating columns
4:01 Setting up grids for different screens
7:42 Offsetting Columns
8:51 Nesting Columns
9:59 Reodering Columns