From 157ec5feff877cd918a45985ee7368e3d9d7b5b0 Mon Sep 17 00:00:00 2001 From: Thomas Park Date: Thu, 5 Dec 2013 13:05:07 -0500 Subject: 3.0.2 -> 3.0.3 --- bower_components/bootstrap/examples/grid/grid.css | 28 ---- .../bootstrap/examples/grid/index.html | 148 --------------------- 2 files changed, 176 deletions(-) delete mode 100644 bower_components/bootstrap/examples/grid/grid.css delete mode 100644 bower_components/bootstrap/examples/grid/index.html (limited to 'bower_components/bootstrap/examples/grid') diff --git a/bower_components/bootstrap/examples/grid/grid.css b/bower_components/bootstrap/examples/grid/grid.css deleted file mode 100644 index 963b128e..00000000 --- a/bower_components/bootstrap/examples/grid/grid.css +++ /dev/null @@ -1,28 +0,0 @@ -.container { - padding-left: 15px; - padding-right: 15px; -} - -h4 { - margin-top: 25px; -} -.row { - margin-bottom: 20px; -} -.row .row { - margin-top: 10px; - margin-bottom: 0; -} -[class*="col-"] { - padding-top: 15px; - padding-bottom: 15px; - background-color: #eee; - border: 1px solid #ddd; - background-color: rgba(86,61,124,.15); - border: 1px solid rgba(86,61,124,.2); -} - -hr { - margin-top: 40px; - margin-bottom: 40px; -} \ No newline at end of file diff --git a/bower_components/bootstrap/examples/grid/index.html b/bower_components/bootstrap/examples/grid/index.html deleted file mode 100644 index be1e39c1..00000000 --- a/bower_components/bootstrap/examples/grid/index.html +++ /dev/null @@ -1,148 +0,0 @@ - - - - - - - - - - - Grid Template for Bootstrap - - - - - - - - - - - - - - - -
- - - -

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.

-
-
.col-md-4
-
.col-md-4
-
.col-md-4
-
- -

Three unequal columns

-

Get three columns starting at desktops and scaling to large desktops of various widths. Remember, grid columns should add up to twelve for a single horizontal block. More than that, and columns start stacking no matter the viewport.

-
-
.col-md-3
-
.col-md-6
-
.col-md-3
-
- -

Two columns

-

Get two columns starting at desktops and scaling to large desktops.

-
-
.col-md-8
-
.col-md-4
-
- -

Full width, single column

-

No grid classes are necessary for full-width elements.

- -
- -

Two columns with two nested columns

-

Per the documentation, nesting is easy—just put a row of columns within an existing row. This gives you two columns starting at desktops and scaling to large desktops, with another two (equal widths) within the larger column.

-

At mobile device sizes, tablets and down, these columns and their nested columns will stack.

-
-
- .col-md-8 -
-
.col-md-6
-
.col-md-6
-
-
-
.col-md-4
-
- -
- -

Mixed: mobile and desktop

-

The Bootstrap 3 grid system has four tiers of classes: xs (phones), sm (tablets), md (desktops), and lg (larger desktops). 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-xs-6 .col-md-4
-
.col-xs-6 .col-md-4
-
.col-xs-6 .col-md-4
-
-
-
.col-xs-6
-
.col-xs-6
-
- -
- -

Mixed: mobile, tablet, and desktop

-

-
-
.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-sm-5 .col-md-6
-
.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-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
-
- - -
- - - - - - -- cgit v1.2.3