revamp docs to have new width, start realigning the base css page to match

docs/assets/css/docs.css

@@ -17,6 +17,10 @@ body {
   background-position: 0 40px;
 }
 
+.bs-docs-container {
+  max-width: 780px;
+  margin: 0 auto;
+}
 
 /* Tweak navbar brand link to be super sleek
 -------------------------------------------------- */
@@ -571,7 +575,7 @@ form.well {
   margin: 15px 0;
   padding: 39px 19px 14px;
   background-color: #fff;
-  border: 1px solid #e5e5e5;
+  border: 1px solid #ddd;
   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
@@ -582,11 +586,10 @@ form.well {
   top: -1px;
   left: -1px;
   padding: 3px 7px;
-  font-family: "Open Sans", sans-serif;
   font-size: 12px;
   font-weight: bold;
   background-color: #f5f5f5;
-  border: 1px solid #e5e5e5;
+  border: 1px solid #ddd;
   color: #9da0a4;
   -webkit-border-radius: 4px 0 4px 0;
      -moz-border-radius: 4px 0 4px 0;

docs/components.html

@@ -74,7 +74,7 @@
       </div>
     </div>
 
-    <div class="container">
+    <div class="bs-docs-container">
 
 <!-- Masthead
 ================================================== -->

docs/download.html

@@ -74,7 +74,7 @@
       </div>
     </div>
 
-    <div class="container">
+    <div class="bs-docs-container">
 
 <!-- Masthead
 ================================================== -->

docs/examples.html

@@ -74,7 +74,7 @@
       </div>
     </div>
 
-    <div class="container">
+    <div class="bs-docs-container">
 
 <!-- Masthead
 ================================================== -->

docs/index.html

@@ -74,7 +74,7 @@
       </div>
     </div>
 
-    <div class="container">
+    <div class="bs-docs-container">
 
 <!-- Masthead
 ================================================== -->

docs/javascript.html

@@ -74,7 +74,7 @@
       </div>
     </div>
 
-    <div class="container">
+    <div class="bs-docs-container">
 
       <!-- Masthead
       ================================================== -->

docs/less.html

@@ -74,7 +74,7 @@
       </div>
     </div>
 
-    <div class="container">
+    <div class="bs-docs-container">
 
 <!-- Masthead
 ================================================== -->

docs/scaffolding.html

@@ -74,7 +74,7 @@
       </div>
     </div>
 
-    <div class="container">
+    <div class="bs-docs-container">
 
 <!-- Masthead
 ================================================== -->

docs/templates/layout.mustache

@@ -86,7 +86,7 @@
       </div>
     </div>
 
-    <div class="container">
+    <div class="bs-docs-container">
 
 {{>body}}
 

docs/upgrading.html

@@ -74,7 +74,7 @@
       </div>
     </div>
 
-    <div class="container">
+    <div class="bs-docs-container">
 
 <!-- Masthead
 ================================================== -->