made minor changes to explanation of the grid system (#30370)

added semi colons, periods, and better wording to make the flow of the paragraphs better.
This commit is contained in:
Xiaojie(Aaron) Li
2019-03-16 13:39:43 -04:00
committed by The Coding Aviator
parent 139ab5ba60
commit 8a49907edd

View File

@ -3,12 +3,11 @@ title: Grid System
--- ---
## Grid System ## Grid System
In a nutshell, the Bootstrap grid system helps you create responsive layouts, this system is comprised of a grid containing rows and columns that help you structure your content. In a nutshell, the Bootstrap grid system helps you create responsive layouts, and it is comprised of a system of rows and columns that helps you structure your content.
Rows are horizontal groups of columns, and each page has 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. Rows are horizontal groups of columns, and each page has 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: Extra small, Small, Medium, Large, and Extra large. There is a breakpoint defined for each of these grid tiers. 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. Bootstrap uses pixels to define the grid tier breakpoints.
#### How it works #### How it works