From e7090a7c448e97e81a327b7fae2ff5e08bb6ae78 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 25 Jul 2016 17:10:32 -0700 Subject: update text in grid example --- docs/examples/grid/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/examples/grid') diff --git a/docs/examples/grid/index.html b/docs/examples/grid/index.html index 4723f0e8d..33140b1e1 100644 --- a/docs/examples/grid/index.html +++ b/docs/examples/grid/index.html @@ -157,11 +157,11 @@

Reset offsets, pushes, and pulls at specific breakpoints.

.col-sm-5 .col-md-6
-
.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0
+
.col-sm-5 .offset-sm-2 .col-md-6 .offset-md-0
.col-sm-6 .col-md-5 .col-lg-6
-
.col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0
+
.col-sm-6 .col-md-5 .offset-md-2 .col-lg-6 .offset-lg-0
-- cgit v1.2.3 From 2e69dfa8c1679238579ef6f5ec85deb755e4fb6d Mon Sep 17 00:00:00 2001 From: Bardi Harborow Date: Tue, 4 Oct 2016 02:55:59 +1000 Subject: Fix broken/redirected links, moving to HTTPS where possible. (#20557) --- docs/examples/grid/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/examples/grid') diff --git a/docs/examples/grid/index.html b/docs/examples/grid/index.html index 33140b1e1..02df70804 100644 --- a/docs/examples/grid/index.html +++ b/docs/examples/grid/index.html @@ -135,7 +135,7 @@

Column clearing

-

Clear floats at specific breakpoints to prevent awkward wrapping with uneven content.

+

Clear floats at specific breakpoints to prevent awkward wrapping with uneven content.

.col-xs-6 .col-sm-3 -- cgit v1.2.3 From ba49d709baa3120782b96e1379e5cbe797ce01c9 Mon Sep 17 00:00:00 2001 From: Bardi Harborow Date: Thu, 20 Oct 2016 01:45:00 +1100 Subject: Normalize examples and update where relevant. --- docs/examples/grid/index.html | 62 +++++++++++++++++++++---------------------- 1 file changed, 30 insertions(+), 32 deletions(-) (limited to 'docs/examples/grid') diff --git a/docs/examples/grid/index.html b/docs/examples/grid/index.html index 02df70804..9b8e23f07 100644 --- a/docs/examples/grid/index.html +++ b/docs/examples/grid/index.html @@ -27,35 +27,35 @@

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
-
+
+
.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.

@@ -135,7 +135,7 @@

Column clearing

-

Clear floats at specific breakpoints to prevent awkward wrapping with uneven content.

+

Clear floats at specific breakpoints to prevent awkward wrapping with uneven content.

.col-xs-6 .col-sm-3 @@ -164,10 +164,8 @@
.col-sm-6 .col-md-5 .offset-md-2 .col-lg-6 .offset-lg-0
-
- -- cgit v1.2.3 From cec0c7c6d6c6926dd372a91172c0081bb09fcc09 Mon Sep 17 00:00:00 2001 From: Eric Nolte Date: Fri, 4 Nov 2016 10:54:34 -0600 Subject: Update docs to reflect new breakpoint naming convention --- docs/examples/grid/index.html | 40 ++++++++++++++++++++-------------------- 1 file changed, 20 insertions(+), 20 deletions(-) (limited to 'docs/examples/grid') diff --git a/docs/examples/grid/index.html b/docs/examples/grid/index.html index 9b8e23f07..1400bfd9a 100644 --- a/docs/examples/grid/index.html +++ b/docs/examples/grid/index.html @@ -28,9 +28,9 @@

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-4
+
.col-4
+
.col-4
@@ -105,17 +105,17 @@

The Bootstrap v4 grid system has five tiers of classes: xs (extra small), sm (small), md (medium), lg (large), and xl (extra large). You can use nearly any combination of these classes to create more dynamic and flexible layouts.

Each tier of classes scales up, meaning if you plan on setting the same widths for xs and sm, you only need to specify xs.

-
.col-xs-12 .col-md-8
-
.col-xs-6 .col-md-4
+
.col-12 .col-md-8
+
.col-6 .col-md-4
-
.col-xs-6 .col-md-4
-
.col-xs-6 .col-md-4
-
.col-xs-6 .col-md-4
+
.col-6 .col-md-4
+
.col-6 .col-md-4
+
.col-6 .col-md-4
-
.col-xs-6
-
.col-xs-6
+
.col-6
+
.col-6
@@ -123,13 +123,13 @@

Mixed: mobile, tablet, and desktop

-
.col-xs-12 .col-sm-6 .col-lg-8
-
.col-xs-6 .col-lg-4
+
.col-12 .col-sm-6 .col-lg-8
+
.col-6 .col-lg-4
-
.col-xs-6 .col-sm-4
-
.col-xs-6 .col-sm-4
-
.col-xs-6 .col-sm-4
+
.col-6 .col-sm-4
+
.col-6 .col-sm-4
+
.col-6 .col-sm-4
@@ -137,18 +137,18 @@

Column clearing

Clear floats at specific breakpoints to prevent awkward wrapping with uneven content.

-
- .col-xs-6 .col-sm-3 +
+ .col-6 .col-sm-3
Resize your viewport or check it out on your phone for an example.
-
.col-xs-6 .col-sm-3
+
.col-6 .col-sm-3
-
.col-xs-6 .col-sm-3
-
.col-xs-6 .col-sm-3
+
.col-6 .col-sm-3
+
.col-6 .col-sm-3
-- cgit v1.2.3