aboutsummaryrefslogtreecommitdiff
path: root/docs/layout/grid.md
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2017-05-27 22:12:00 -0700
committerMark Otto <[email protected]>2017-05-27 22:12:00 -0700
commitfa2731b6264ad44c6d2600b7a4efab0ddaca7a06 (patch)
treea877974c35e652c2d79a52823057e36a4793b1ee /docs/layout/grid.md
parent1f43d9c066f1ffd008f2cb4b00907165d905f3fc (diff)
downloadbootstrap-fa2731b6264ad44c6d2600b7a4efab0ddaca7a06.tar.xz
bootstrap-fa2731b6264ad44c6d2600b7a4efab0ddaca7a06.zip
update layout pages
Diffstat (limited to 'docs/layout/grid.md')
-rw-r--r--docs/layout/grid.md10
1 files changed, 2 insertions, 8 deletions
diff --git a/docs/layout/grid.md b/docs/layout/grid.md
index 97ffd3161..d0bfe416a 100644
--- a/docs/layout/grid.md
+++ b/docs/layout/grid.md
@@ -1,17 +1,11 @@
---
layout: docs
title: Grid system
-description: Documentation and examples for using Bootstrap's responsive flexbox grid system.
+description: Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes.
group: layout
+toc: true
---
-Bootstrap includes a powerful mobile-first flexbox grid system for building layouts of all shapes and sizes. It's based on a 12 column layout and has multiple tiers, one for each [media query range]({{ site.baseurl }}/layout/overview/#responsive-breakpoints). You can use it with Sass mixins or our predefined classes.
-
-## Contents
-
-* Will be replaced with the ToC, excluding the "Contents" header
-{:toc}
-
## How it works
Bootstrap's grid system uses a series of containers, rows, and columns to layout and align content. It's built with flexbox and is fully responsive. Below is an example and an in-depth look at how the grid comes together.