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