aboutsummaryrefslogtreecommitdiff
path: root/docs/examples/grid.html
diff options
context:
space:
mode:
authorIvan Khalopik <[email protected]>2013-05-07 15:16:45 +0300
committerIvan Khalopik <[email protected]>2013-05-07 15:16:45 +0300
commit3c7a43a1f373d0c534476578b96a75ae2e63c985 (patch)
treef11fa18c33d1a65ae4422dc3c352c34a2b323b8c /docs/examples/grid.html
parent41c782567775d3bbcfc62d163ae22a531277b5e2 (diff)
parentb352f98f325adbd994f01cb94f4d0a454783bbce (diff)
downloadbootstrap-3c7a43a1f373d0c534476578b96a75ae2e63c985.tar.xz
bootstrap-3c7a43a1f373d0c534476578b96a75ae2e63c985.zip
Merge remote-tracking branch 'bootstrap/3.0.0-wip' into 3.0.0-wip
Conflicts: js/tests/unit/bootstrap-collapse.js
Diffstat (limited to 'docs/examples/grid.html')
-rw-r--r--docs/examples/grid.html56
1 files changed, 56 insertions, 0 deletions
diff --git a/docs/examples/grid.html b/docs/examples/grid.html
new file mode 100644
index 000000000..580f69cbf
--- /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-lg-"] {
+ 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 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 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 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>
+ <p class="text-muted">No grid classes are necessary for full-width elements.</p>
+
+</div> <!-- /container -->