From eac987c0d2bdb93ea4c916d52f38655bcc5e1255 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Mon, 1 Apr 2013 12:55:48 -0700
Subject: only negative indent nested grid rows; add new grid example

---
 docs/examples/grid.html | 56 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 docs/examples/grid.html

(limited to 'docs/examples/grid.html')

diff --git a/docs/examples/grid.html b/docs/examples/grid.html
new file mode 100644
index 000000000..f2028b8bf
--- /dev/null
+++ b/docs/examples/grid.html
@@ -0,0 +1,56 @@
+---
+layout: example
+title: Grid template
+---
+
+<!-- Custom styles for this template -->
+<style>
+
+  .container {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+
+  .row {
+    margin-bottom: 20px;
+    margin-left: -15px;
+    margin-right: -15px;
+  }
+  [class*="col-span-"] {
+    padding-top: 15px;
+    padding-bottom: 15px;
+    background-color: #f5f5f5;
+    border: 1px solid #e5e5e5;
+  }
+</style>
+
+
+<div class="container">
+
+  <h2>Bootstrap grids</h2>
+  <p class="lead">Basic grid layouts to get you familiar with building within the Bootstrap grid system.</p>
+
+  <h4>Three equal columns</h4>
+  <div class="row">
+    <div class="col-span-4">.col-span-4</div>
+    <div class="col-span-4">.col-span-4</div>
+    <div class="col-span-4">.col-span-4</div>
+  </div>
+
+  <h4>Three unequal columns</h4>
+  <div class="row">
+    <div class="col-span-3">.col-span-3</div>
+    <div class="col-span-6">.col-span-6</div>
+    <div class="col-span-3">.col-span-3</div>
+  </div>
+
+  <h4>Two columns</h4>
+  <div class="row">
+    <div class="col-span-8">.col-span-8</div>
+    <div class="col-span-4">.col-span-4</div>
+  </div>
+
+  <h4>Full width, single column</h4>
+  <p class="text-muted">No grid classes are necessary for full-width elements.</p>
+
+</div> <!-- /container -->
-- 
cgit v1.2.3


From 62afdd01763466e413fbe67c7622e08a16fa30aa Mon Sep 17 00:00:00 2001
From: Robert Burns <burnsra@gmail.com>
Date: Sun, 28 Apr 2013 22:22:33 -0400
Subject: Update examples after grid changes

---
 docs/examples/grid.html | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

(limited to 'docs/examples/grid.html')

diff --git a/docs/examples/grid.html b/docs/examples/grid.html
index f2028b8bf..580f69cbf 100644
--- a/docs/examples/grid.html
+++ b/docs/examples/grid.html
@@ -16,7 +16,7 @@ title: Grid template
     margin-left: -15px;
     margin-right: -15px;
   }
-  [class*="col-span-"] {
+  [class*="col-lg-"] {
     padding-top: 15px;
     padding-bottom: 15px;
     background-color: #f5f5f5;
@@ -32,22 +32,22 @@ title: Grid template
 
   <h4>Three equal columns</h4>
   <div class="row">
-    <div class="col-span-4">.col-span-4</div>
-    <div class="col-span-4">.col-span-4</div>
-    <div class="col-span-4">.col-span-4</div>
+    <div class="col col-lg-4">.col .col-lg-4</div>
+    <div class="col col-lg-4">.col .col-lg-4</div>
+    <div class="col col-lg-4">.col .col-lg-4</div>
   </div>
 
   <h4>Three unequal columns</h4>
   <div class="row">
-    <div class="col-span-3">.col-span-3</div>
-    <div class="col-span-6">.col-span-6</div>
-    <div class="col-span-3">.col-span-3</div>
+    <div class="col col-lg-3">.col .col-lg-3</div>
+    <div class="col col-lg-6">.col .col-lg-6</div>
+    <div class="col col-lg-3">.col .col-lg-3</div>
   </div>
 
   <h4>Two columns</h4>
   <div class="row">
-    <div class="col-span-8">.col-span-8</div>
-    <div class="col-span-4">.col-span-4</div>
+    <div class="col col-lg-8">.col .col-lg-8</div>
+    <div class="col col-lg-4">.col .col-lg-4</div>
   </div>
 
   <h4>Full width, single column</h4>
-- 
cgit v1.2.3