From 3276fa3ffecc3af21343bf687449480291eac24d Mon Sep 17 00:00:00 2001 From: Jeremy Date: Mon, 29 Oct 2018 14:15:11 -0400 Subject: [PATCH] Edits for clarity - Bootstrap grid system (#19919) --- guide/english/bootstrap/grid-system/index.md | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/guide/english/bootstrap/grid-system/index.md b/guide/english/bootstrap/grid-system/index.md index db28d58e3b..1dc2f9b7e4 100644 --- a/guide/english/bootstrap/grid-system/index.md +++ b/guide/english/bootstrap/grid-system/index.md @@ -3,14 +3,13 @@ title: Grid System --- ## Grid System -In a nutshell Bootstrap grid system helps you create responsive layouts, it comprises of a system of rows and columns that helps you structure your content. +In a nutshell, the Bootstrap grid system helps you create responsive layouts. It comprises of a system of rows and columns that helps you structure your content. Rows are horizontal groups of columns, with a maximum of 12 columns per row. Within each row, the content is placed inside the columns and it can span anywhere between 1 to 12 columns. -Bootstrap has five different types of grid tiers namely Extra small, Small, Medium, Large and Extra large, there is a breakpoint defined for each of these grid tiers. - -Bootstrap uses pixels to define the grid tier breakpoints, the different viewport widths that act as breakpoints for the grid tiers are: +Bootstrap has five different types of grid tiers: Extra small, Small, Medium, Large, and Extra large. There is a breakpoint defined for each of these grid tiers. +Bootstrap uses pixels to define the grid tier breakpoints. #### How it works