X-Git-Url: http://git.roojs.org/?p=bootswatch;a=blobdiff_plain;f=bower_components%2Fbootstrap%2Fexamples%2Fgrid%2Findex.html;h=be1e39c1f39ee4d839bbabe74a72339c14f900f6;hp=239b0d16ae4a9a14ba9bf11a00f181f4841014fd;hb=48c64127b37be4a692a70cb7b38ed9744163582b;hpb=620e501c3d804b1dc2c7d796d7ae378db5e1a040 diff --git a/bower_components/bootstrap/examples/grid/index.html b/bower_components/bootstrap/examples/grid/index.html index 239b0d1..be1e39c 100755 --- a/bower_components/bootstrap/examples/grid/index.html +++ b/bower_components/bootstrap/examples/grid/index.html @@ -2,10 +2,11 @@ + - + Grid Template for Bootstrap @@ -15,10 +16,13 @@ + + + @@ -87,8 +91,8 @@
.col-xs-6 .col-md-4
-
.col-xs-6 .col-md-6
-
.col-xs-6 .col-md-6
+
.col-xs-6
+
.col-xs-6

@@ -96,19 +100,44 @@

Mixed: mobile, tablet, and desktop

-
.col-xs-12 .col-lg-8
-
.col-xs-6 .col-lg-4
+
.col-xs-12 .col-sm-6 .col-lg-8
+
.col-xs-6 .col-lg-4
+
+
+
.col-xs-6 .col-sm-4
+
.col-xs-6 .col-sm-4
+
.col-xs-6 .col-sm-4
+
+ +
+ +

Column clearing

+

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

+
+
.col-xs-6 .col-sm-3
+
.col-xs-6 .col-sm-3
+ + +
+ +
.col-xs-6 .col-sm-3
+
.col-xs-6 .col-sm-3
+ +
+ +

Offset, push, and pull resets

+

Reset offsets, pushes, and pulls at specific breakpoints.

-
.col-xs-6 .col-sm-4 .col-lg-4
-
.col-xs-6 .col-sm-4 .col-lg-4
-
.col-xs-6 .col-sm-4 .col-lg-4
+
.col-sm-5 .col-md-6
+
.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0
-
.col-xs-6 .col-sm-6 .col-lg-6
-
.col-xs-6 .col-sm-6 .col-lg-6
+
.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
+