From a1a3a007b6c83b6142c47379d7c3e754deaf8193 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 4 Dec 2014 21:02:04 -0800 Subject: tweak grid docs, add new tier --- docs/examples/grid/index.html | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) (limited to 'docs/examples') diff --git a/docs/examples/grid/index.html b/docs/examples/grid/index.html index e07417c44..bf50845aa 100644 --- a/docs/examples/grid/index.html +++ b/docs/examples/grid/index.html @@ -28,6 +28,39 @@

Basic grid layouts to get you familiar with building within the Bootstrap grid system.

+

Five grid tiers

+

There are five tiers to the Bootstrap grid system, one for each range of devices we support. Each tier starts at a minimum viewport size and automatically applies to the larger devices unless overridden.

+ +
+
.col-xs-4
+
.col-xs-4
+
.col-xs-4
+
+ +
+
.col-sm-4
+
.col-sm-4
+
.col-sm-4
+
+ +
+
.col-md-4
+
.col-md-4
+
.col-md-4
+
+ +
+
.col-lg-4
+
.col-lg-4
+
.col-lg-4
+
+ +
+
.col-xl-4
+
.col-xl-4
+
.col-xl-4
+
+

Three equal columns

Get three equal-width columns starting at desktops and scaling to large desktops. On mobile devices, tablets and below, the columns will automatically stack.

-- cgit v1.2.3