Mo betta placement of old docs callouts

_layouts/default.html

@@ -10,9 +10,6 @@
     <!-- Docs master nav -->
     {% include nav-main.html %}
 
-    <!-- Callout for the old docs link -->
-    {% include old-bs-docs.html %}
-
     <!-- Docs page layout -->
     <div class="bs-header">
       <div class="container">
@@ -24,6 +21,9 @@
       </div>
     </div>
 
+    <!-- Callout for the old docs link -->
+    {% include old-bs-docs.html %}
+
     <div class="container bs-docs-container">
       <div class="row">
         <div class="col-lg-3">

_layouts/home.html

@@ -10,11 +10,30 @@
     <!-- Docs master nav -->
     {% include nav-main.html %}
 
+    <!-- Page content of course! -->
+    {{ content }}
+
     <!-- Callout for the old docs link -->
     {% include old-bs-docs.html %}
 
-    <!-- Page content of course! -->
-    {{ content }}
+    <div class="container">
+      {% include social-buttons.html %}
+
+      <ul class="bs-masthead-links">
+        <li>
+          <a href="http://github.com/twbs/bootstrap" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'GitHub project']);">GitHub project</a>
+        </li>
+        <li>
+          <a href="http://examples.getbootstrap.com" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Examples']);">Examples</a>
+        </li>
+        <li>
+          <a href="http://glyphicons.getbootstrap.com" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Glyphicons']);">Glyphicons</a>
+        </li>
+        <li>
+          <a href="http://expo.getbootstrap.com" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Expo']);">Bootstrap Expo</a>
+        </li>
+      </ul>
+    </div>
 
     <!-- JS and analytics only. -->
     {% include footer.html %}

assets/css/docs.css

@@ -72,6 +72,10 @@ body {
 .bs-old-docs strong {
   color: #555;
 }
+.bs-docs-home .bs-old-docs {
+  text-align: center;
+  border-top: 1px solid #e5e5e5;
+}
 
 
 /* Homepage masthead
@@ -79,7 +83,6 @@ body {
 
 .bs-masthead {
   position: relative;
-  margin-bottom: 20px;
   padding: 30px 15px;
   text-align: center;
 }
@@ -87,9 +90,6 @@ body {
   font-size: 50px;
   line-height: 1;
 }
-.bs-masthead .bs-social {
-  margin-top: 80px;
-}
 
 /* Download button */
 .bs-masthead .btn-bs {
@@ -100,11 +100,16 @@ body {
 }
 
 /* Textual links */
+.bs-social {
+  margin-top: 30px;
+  text-align: center;
+}
 .bs-masthead-links {
   margin-top: 20px;
   margin-bottom: 20px;
   padding-left: 0;
   list-style: none;
+  text-align: center;
 }
 .bs-masthead-links li {
   display: inline;

index.html

@@ -3,31 +3,12 @@ layout: home
 title: Bootstrap
 ---
 
-<div class="container">
-  <div class="bs-masthead">
-
-    <h1>Bootstrap 3 RC1</h1>
+<div class="bs-masthead">
+  <div class="container">
+    <h1>Bootstrap 3</h1>
     <p class="lead">Sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.</p>
     <p>
       <a href="assets/bootstrap.zip" class="btn btn-bs btn-large" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download 3.0.0 RC1']);">Download Bootstrap</a>
     </p>
-
-    {% include social-buttons.html %}
-
-    <ul class="bs-masthead-links">
-      <li>
-        <a href="http://github.com/twbs/bootstrap" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'GitHub project']);">GitHub project</a>
-      </li>
-      <li>
-        <a href="http://examples.getbootstrap.com" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Examples']);">Examples</a>
-      </li>
-      <li>
-        <a href="http://glyphicons.getbootstrap.com" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Glyphicons']);">Glyphicons</a>
-      </li>
-      <li>
-        <a href="http://expo.getbootstrap.com" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Expo']);">Bootstrap Expo</a>
-      </li>
-    </ul>
-
   </div>
 </div>