From 5b298a2aaf5286564b1dc614bb439eb19edf2c25 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Tue, 26 Mar 2013 23:54:17 -0700
Subject: docs fixes with new .bs-docs-container; fixing some lingering grid
 classes

---
 docs/getting-started.html | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

(limited to 'docs/getting-started.html')

diff --git a/docs/getting-started.html b/docs/getting-started.html
index 79b31d25d..5717bfbaa 100644
--- a/docs/getting-started.html
+++ b/docs/getting-started.html
@@ -14,7 +14,7 @@ description: Overview of the project, its contents, and how to get started with
 </header>
 
 
-<div class="container">
+<div class="container bs-docs-container">
 
   <!-- Docs nav
   ================================================== -->
@@ -42,17 +42,17 @@ description: Overview of the project, its contents, and how to get started with
         <p class="lead">Before downloading, be sure to have a code editor (we recommend <a href="http://sublimetext.com/2">Sublime Text 2</a>) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with the compiled Bootstrap files.</p>
 
         <div class="row">
-          <div class="span6">
+          <div class="col-span-6">
             <h2>Compiled</h2>
             <p><strong>Fastest way to get started:</strong> get the compiled and minified versions of our CSS, JS, and images. No docs or original source files.</p>
             <p><a class="btn btn-large btn-primary" href="assets/bootstrap.zip" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'Download compiled']);">Download Bootstrap</a></p>
           </div>
-          <div class="span6">
+          <div class="col-span-6">
             <h2>Source</h2>
             <p>Get the original files for all CSS and JavaScript, along with a local copy of the docs by downloading the latest version directly from GitHub.</p>
             <p><a class="btn btn-large" href="https://github.com/twitter/bootstrap/zipball/master" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'Download source']);">Download Bootstrap source</a></p>
           </div>
-          <div class="span6">
+          <div class="col-span-6">
             <h2>Bower</h2>
             <p>Install and manage the original files for all CSS and JavaScript, along with a local copy of the docs, using <a href="http://twitter.github.com/bower">Bower</a>.</p>
             {% highlight bash %}bower install bootstrap{% endhighlight %}
@@ -179,56 +179,56 @@ description: Overview of the project, its contents, and how to get started with
         </div>
         <p class="lead">Move beyond the base template with a few example layouts. We encourage folks to iterate on these examples and not simply use them as an end result.</p>
         <div class="row bs-docs-examples">
-          <div class="span4">
+          <div class="col-span-4">
             <a class="thumbnail" href="/examples/starter-template/" target="_blank">
               <img src="/assets/img/examples/bootstrap-example-starter.png" alt="">
             </a>
             <h4>Starter template</h4>
             <p>A barebones HTML document with all the Bootstrap CSS and JavaScript included.</p>
           </div>
-          <div class="span4">
+          <div class="col-span-4">
             <a class="thumbnail" href="/examples/jumbotron/" target="_blank">
               <img src="/assets/img/examples/bootstrap-example-marketing.png" alt="">
             </a>
             <h4>Basic marketing site</h4>
             <p>Featuring a hero unit for a primary message and three supporting elements.</p>
           </div>
-          <div class="span4">
+          <div class="col-span-4">
             <a class="thumbnail" href="/examples/jumbotron-narrow/" target="_blank">
               <img src="/assets/img/examples/bootstrap-example-jumbotron-narrow.png" alt="">
             </a>
             <h4>Narrow marketing</h4>
             <p>Slim, lightweight marketing template for small projects or teams.</p>
           </div>
-          <div class="span4">
+          <div class="col-span-4">
             <a class="thumbnail" href="/examples/justified-nav/" target="_blank">
               <img src="/assets/img/examples/bootstrap-example-justified-nav.png" alt="">
             </a>
             <h4>Justified nav</h4>
             <p>Marketing page with equal-width navigation links in a modified navbar.</p>
           </div>
-          <div class="span4">
+          <div class="col-span-4">
             <a class="thumbnail" href="/examples/signin/" target="_blank">
               <img src="/assets/img/examples/bootstrap-example-signin.png" alt="">
             </a>
             <h4>Sign in</h4>
             <p>Barebones sign in form with custom, larger form controls and a flexible layout.</p>
           </div>
-          <div class="span4">
+          <div class="col-span-4">
             <a class="thumbnail" href="/examples/sticky-footer/" target="_blank">
               <img src="/assets/img/examples/bootstrap-example-sticky-footer.png" alt="">
             </a>
             <h4>Sticky footer</h4>
             <p>Pin a fixed-height footer to the bottom of the user's viewport.</p>
           </div>
-          <div class="span4">
+          <div class="col-span-4">
             <a class="thumbnail" href="/examples/sticky-footer-navbar/" target="_blank">
               <img src="/assets/img/examples/bootstrap-example-sticky-footer-navbar.png" alt="">
             </a>
             <h4>Sticky footer w/ navbar</h4>
             <p>Add a fixed navbar to the default sticky footer template.</p>
           </div>
-          <div class="span4">
+          <div class="col-span-4">
             <a class="thumbnail" href="/examples/carousel/" target="_blank">
               <img src="/assets/img/examples/bootstrap-example-carousel.png" alt="">
             </a>
@@ -237,28 +237,28 @@ description: Overview of the project, its contents, and how to get started with
           </div>
 
 
-          <div class="span4">
+          <div class="col-span-4">
             <a class="thumbnail" href="/examples/navbar/" target="_blank">
               <img src="/assets/img/examples/bootstrap-example-navbar.png" alt="">
             </a>
             <h4>Navbar</h4>
             <p>Basic template for showcasing how the navbar works.</p>
           </div>
-          <div class="span4">
+          <div class="col-span-4">
             <a class="thumbnail" href="/examples/navbar-static-top/" target="_blank">
               <img src="/assets/img/examples/bootstrap-example-navbar-static-top.png" alt="">
             </a>
             <h4>Static top navbar</h4>
             <p>Basic template for showcasing the static navbar variation.</p>
           </div>
-          <div class="span4">
+          <div class="col-span-4">
             <a class="thumbnail" href="/examples/navbar-fixed-top/" target="_blank">
               <img src="/assets/img/examples/bootstrap-example-navbar-fixed-top.png" alt="">
             </a>
             <h4>Fixed top navbar</h4>
             <p>Basic template for showcasing the fixed navbar variation.</p>
           </div>
-          <div class="span4">
+          <div class="col-span-4">
             <a class="thumbnail" href="/examples/grid/" target="_blank">
               <img src="/assets/img/examples/bootstrap-example-.png" alt="">
             </a>
-- 
cgit v1.2.3