Update nav and add bounds for tablet container

docs/assets/css/bootstrap.css

@@ -725,6 +725,9 @@ pre code {
 }
 
 @media screen and (min-width: 768px) {
+  .container {
+    max-width: 728px;
+  }
   [class^="span"] {
     float: left;
   }

docs/components.html

@@ -47,7 +47,7 @@
               <a href="./getting-started.html">Get started</a>
             </li>
             <li class="">
-              <a href="./css.html">Core CSS</a>
+              <a href="./css.html">CSS</a>
             </li>
             <li class="active">
               <a href="./components.html">Components</a>

docs/css.html

@@ -47,7 +47,7 @@
               <a href="./getting-started.html">Get started</a>
             </li>
             <li class="active">
-              <a href="./css.html">Core CSS</a>
+              <a href="./css.html">CSS</a>
             </li>
             <li class="">
               <a href="./components.html">Components</a>

docs/customize.html

@@ -47,7 +47,7 @@
               <a href="./getting-started.html">Get started</a>
             </li>
             <li class="">
-              <a href="./css.html">Core CSS</a>
+              <a href="./css.html">CSS</a>
             </li>
             <li class="">
               <a href="./components.html">Components</a>

docs/gallery.html

@@ -47,7 +47,7 @@
               <a href="./getting-started.html">Get started</a>
             </li>
             <li class="">
-              <a href="./css.html">Core CSS</a>
+              <a href="./css.html">CSS</a>
             </li>
             <li class="">
               <a href="./components.html">Components</a>

docs/getting-started.html

@@ -47,7 +47,7 @@
               <a href="./getting-started.html">Get started</a>
             </li>
             <li class="">
-              <a href="./css.html">Core CSS</a>
+              <a href="./css.html">CSS</a>
             </li>
             <li class="">
               <a href="./components.html">Components</a>

docs/index.html

@@ -47,7 +47,7 @@
               <a href="./getting-started.html">Get started</a>
             </li>
             <li class="">
-              <a href="./css.html">Core CSS</a>
+              <a href="./css.html">CSS</a>
             </li>
             <li class="">
               <a href="./components.html">Components</a>

docs/javascript.html

@@ -47,7 +47,7 @@
               <a href="./getting-started.html">Get started</a>
             </li>
             <li class="">
-              <a href="./css.html">Core CSS</a>
+              <a href="./css.html">CSS</a>
             </li>
             <li class="">
               <a href="./components.html">Components</a>

docs/templates/layout.mustache

@@ -59,7 +59,7 @@
               <a href="./getting-started.html">{{_i}}Get started{{/i}}</a>
             </li>
             <li class="{{css}}">
-              <a href="./css.html">{{_i}}Core CSS{{/i}}</a>
+              <a href="./css.html">{{_i}}CSS{{/i}}</a>
             </li>
             <li class="{{components}}">
               <a href="./components.html">{{_i}}Components{{/i}}</a>

less/grid.less

@@ -27,6 +27,10 @@
 // Responsive: Tablets and up
 @media screen and (min-width: 768px) {
 
+  .container {
+    max-width: 728px;
+  }
+
   [class^="span"] {
     float: left;
   }