mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-14 18:42:30 +03:00
update layout pages
This commit is contained in:
+2
-8
@@ -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.
|
||||
|
||||
Reference in New Issue
Block a user