docs cleanup around alignment on homepage and footers

4 files changed, 38 insertions, 19 deletions

diff --git a/_layouts/default.html b/_layouts/default.html
index a7429c461..00b6175fb 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -52,19 +52,21 @@
     <!-- Footer
     ================================================== -->
     <footer class="bs-footer" role="contentinfo">
-      {% include social-buttons.html %}
+      <div class="container">
+        {% include social-buttons.html %}
 
-      <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-      <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-      <ul class="footer-links">
-        <li><a href="{{ page.base_url }}2.3.2/">Bootstrap 2.3.2 docs</a></li>
-        <li class="muted">&middot;</li>
-        <li><a href="{{ site.blog }}">Blog</a></li>
-        <li class="muted">&middot;</li>
-        <li><a href="{{ site.repo }}/issues?state=open">Issues</a></li>
-        <li class="muted">&middot;</li>
-        <li><a href="{{ site.repo }}/releases">Releases</a></li>
-      </ul>
+        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <ul class="footer-links">
+          <li><a href="{{ page.base_url }}2.3.2/">Bootstrap 2.3.2 docs</a></li>
+          <li class="muted">&middot;</li>
+          <li><a href="{{ site.blog }}">Blog</a></li>
+          <li class="muted">&middot;</li>
+          <li><a href="{{ site.repo }}/issues?state=open">Issues</a></li>
+          <li class="muted">&middot;</li>
+          <li><a href="{{ site.repo }}/releases">Releases</a></li>
+        </ul>
+      </div>
     </footer>
 
     <!-- JS and analytics only. -->
diff --git a/_layouts/home.html b/_layouts/home.html
index ab324afd2..cc6e2681f 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -18,7 +18,12 @@
       {% include social-buttons.html %}
 
       <ul class="bs-masthead-links">
-        <li><a href="{{ page.base_url }}2.3.2/">Bootstrap 2.3.2 docs</a></li>
+        <li class="current-version">
+          Currently v3.0.0
+        </li>
+        <li>
+          <a href="{{ page.base_url }}2.3.2/">Bootstrap 2.3.2 docs</a>
+        </li>
         <li>
           <a href="{{ site.repo }}" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'GitHub project']);">GitHub project</a>
         </li>
diff --git a/assets/css/docs.css b/assets/css/docs.css
index 5b1c4a87f..3304c0145 100644
--- a/assets/css/docs.css
+++ b/assets/css/docs.css
@@ -120,11 +120,9 @@ body {
   padding-top: 40px;
   padding-bottom: 30px;
   margin-top: 100px;
-  border-top: 1px solid #e5e5e5;
-}
-.bs-footer p {
-  margin-bottom: 0;
   color: #777;
+  text-align: center;
+  border-top: 1px solid #e5e5e5;
 }
 .footer-links {
   margin: 10px 0;
@@ -138,6 +136,15 @@ body {
   padding-left: 0;
 }
 
+@media (min-width: 768px) {
+  .bs-footer {
+    text-align: left;
+  }
+  .bs-footer p {
+    margin-bottom: 0;
+  }
+}
+
 
 /*
  * Social buttons
@@ -148,6 +155,7 @@ body {
 .bs-social {
   margin-top: 20px;
   margin-bottom: 20px;
+  text-align: center;
 }
 .bs-social-buttons {
   display: inline-block;
@@ -173,6 +181,9 @@ body {
 }
 
 @media screen and (min-width: 768px) {
+  .bs-social {
+    text-align: left;
+  }
   .bs-social-buttons li:first-child {
     padding-left: 0;
   }
@@ -224,10 +235,10 @@ body {
   margin-bottom: 20px;
   padding: 0 15px;
   list-style: none;
+  text-align: center;
 }
 .bs-masthead-links li {
   display: inline;
-  color: #999;
 }
 .bs-masthead-links li + li {
   margin-left: 20px;
@@ -251,6 +262,7 @@ body {
   }
   .bs-masthead-links {
     padding: 0;
+    text-align: left;
   }
 }
 
diff --git a/index.html b/index.html
index eab9d1d85..187f3b643 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@ base_url: "./"
 
 <main class="bs-masthead" id="content" role="main">
   <div class="container">
-    <h1>Bootstrap 3</h1>
+    <h1>Bootstrap</h1>
     <p class="lead">Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.</p>
     <p>
       <a href="{{ site.download }}" class="btn btn-outline-inverse btn-lg" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download 3.0.0']);">Download Bootstrap</a>