docs cleanup around alignment on homepage and footers

_layouts/default.html

@@ -52,6 +52,7 @@
     <!-- Footer
     ================================================== -->
     <footer class="bs-footer" role="contentinfo">
+      <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>
@@ -65,6 +66,7 @@
           <li class="muted">&middot;</li>
           <li><a href="{{ site.repo }}/releases">Releases</a></li>
         </ul>
+      </div>
     </footer>
 
     <!-- JS and analytics only. -->

_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>

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;
   }
 }
 

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>