From: Mark Otto <markdotto@gmail.com>
Date: Sun, 11 Dec 2011 09:58:06 +0000 (-0800)
Subject: center example sites in docs on mobile
X-Git-Tag: v2.0.0~6^2~404
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=401f84a7ec65996a8573671b2c17077f85e63e6f;p=thirdparty%2Fbootstrap.git

center example sites in docs on mobile
---

diff --git a/bootstrap.css b/bootstrap.css
index 1c04bc09c9..49164fa53d 100644
--- a/bootstrap.css
+++ b/bootstrap.css
@@ -6,7 +6,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  *
  * Designed and built with all the love in the world @twitter by @mdo and @fat.
- * Date: Sun Dec 11 01:03:44 PST 2011
+ * Date: Sun Dec 11 01:57:49 PST 2011
  */
 html, body {
   margin: 0;
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 73e619d290..9324f99901 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -323,6 +323,11 @@ h2 + table {
 -------------------------------------------------- */
 @media (max-width: 480px) {
 
+  /* Reduce padding above jumbotron */
+  body {
+    padding-top: 70px;
+  }
+
   /* Change up some type stuff */
   h1 small {
     display: block;
@@ -362,6 +367,21 @@ h2 + table {
   .quick-links {
     margin: 40px 0 0;
   }
+  /* hide the bullets on mobile since our horizontal space is limited */
+  .quick-links .divider {
+    display: none;
+  }
+
+  /* center example sites */
+  .example-sites {
+    margin-left: 0;
+  }
+  .example-sites a {
+    float: none;
+    display: block;
+    max-width: 300px;
+    margin: 0 auto 18px;
+  }
 
 }
 
diff --git a/docs/index.html b/docs/index.html
index 0a63c19103..55a75b1bf6 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -54,7 +54,7 @@
         <header class="jumbotron masthead">
           <div class="inner">
             <h1>Bootstrap,<br> from Twitter</h1>
-            <p class="lead">Bootstrap is a responsive frontend toolkit from Twitter designed to kickstart web development, complete with core HTML, CSS, and JS for grids, type, forms, navigation, and many more components.</p>
+            <p class="lead">Bootstrap is a responsive frontend toolkit from Twitter designed to kickstart web development, featuring HTML, CSS, and JS for dozens of base elements and common design components.</p>
             <p class="download-info">
               <a href="https://github.com/twitter/bootstrap/" class="btn primary btn-large">Download on GitHub</a>
               <a href="./scaffolding.html" class="btn btn-large">Get started &rarr;</a>
@@ -236,6 +236,15 @@
     <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
 
     <script type="text/javascript">
+      // When ready...
+      window.addEventListener("load",function() {
+        // Set a timeout...
+        setTimeout(function(){
+          // Hide the address bar!
+          window.scrollTo(0, 1);
+        }, 0);
+      });
+
       // NOT FINAL BY ANY MEANS, JUST MAH JANK CODE BRO
       $(document).ready(function() {
         $('.nav .active').click(function(e) {