center example sites in docs on mobile

diff --git a/bootstrap.css b/bootstrap.css
index 1c04bc09c907b83b2e3cbd88f54eaf83954162a0..49164fa53d94cb3ce3ad4538e59805e4b5246c42 100644 (file)
--- 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 73e619d290f562a964a3afd74a3f15be1855a8ac..9324f99901aa252b849f426c58dada94976b03e6 100644 (file)
--- 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 0a63c19103496b93f13941ac48309d9cca9792ad..55a75b1bf6aa0a6e53cfeefd23f38e6b5380a6a1 100644 (file)
--- 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) {