From 49e95f2bcfd71e12b0c3d45c6019482288cbebd9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 15 Aug 2013 11:47:45 -0700 Subject: [PATCH] add clearfix mention to another grid example and clear up examples --- css.html | 22 +++++++++------------- 1 file changed, 9 insertions(+), 13 deletions(-) diff --git a/css.html b/css.html index b9d80c6782..d9d86fa717 100644 --- a/css.html +++ b/css.html @@ -291,36 +291,32 @@ base_url: "../"

Build on the previous example by creating even more dynamic and powerful layouts with tablet .col-sm-* classes.

-
.col-xs-12 .col-sm-8 .col-md-8
-
.col-xs-6 .col-sm-4 .col-md-4
+
.col-xs-12 .col-sm-6 .col-md-8
+
.col-xs-6 .col-sm-6 .col-md-4
.col-xs-6 .col-sm-4 .col-md-4
.col-xs-6 .col-sm-4 .col-md-4
+ +
.col-xs-6 .col-sm-4 .col-md-4
-
-
.col-xs-6 .col-sm-6 .col-md-6
-
.col-xs-6 .col-sm-6 .col-md-6
-
{% highlight html %}
-
.col-xs-12 .col-sm-8 .col-md-8
-
.col-xs-6 .col-sm-4 .col-md-4
+
.col-xs-12 .col-sm-6 .col-md-8
+
.col-xs-6 .col-sm-6 .col-md-4
.col-xs-6 .col-sm-4 .col-md-4
.col-xs-6 .col-sm-4 .col-md-4
+ +
.col-xs-6 .col-sm-4 .col-md-4
-
-
.col-xs-6 .col-sm-6 .col-md-6
-
.col-xs-6 .col-sm-6 .col-md-6
-
{% endhighlight %} -
+

Need more examples?

We dive into more grid layouts in a separate page, free of chrome and documentation to better show you the power of the grid.

More grid examples