Update nav and add bounds for tablet container

7e46b6f6 · Mark Otto · 267d3e7e · 7e46b6f6 · 7e46b6f6 · 7e46b6f6
Commit 7e46b6f6 authored 12 years ago by Mark Otto
Hide whitespace changes
Inline Side-by-side

Showing

with 15 additions and 8 deletions
+15 -8
--- a/docs/assets/css/bootstrap.css
+++ b/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;
  }

--- a/docs/components.html
+++ b/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>

--- a/docs/css.html
+++ b/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>

--- a/docs/customize.html
+++ b/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>

--- a/docs/gallery.html
+++ b/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>

--- a/docs/getting-started.html
+++ b/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>

--- a/docs/index.html
+++ b/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>

--- a/docs/javascript.html
+++ b/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>

--- a/docs/templates/layout.mustache
+++ b/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>

--- a/less/grid.less
+++ b/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;
  }