From 8d55c3c0a3b56f68cd6c37977bdc8439a8d5b09a Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Mon, 14 Jul 2014 08:22:33 -0700
Subject: [PATCH] move containers to layout section

---
 docs/_data/nav.yml             |  1 +
 docs/components/scaffolding.md | 20 --------------------
 docs/layout/containers.md      | 24 ++++++++++++++++++++++++
 3 files changed, 25 insertions(+), 20 deletions(-)
 create mode 100644 docs/layout/containers.md

diff --git a/docs/_data/nav.yml b/docs/_data/nav.yml
index a66f6e4a3f..1095d386ca 100644
--- a/docs/_data/nav.yml
+++ b/docs/_data/nav.yml
@@ -18,6 +18,7 @@
 
 - title: Layout
   pages:
+    - title: Containers
     - title: Grid
       sections:
         - title: Introduction
diff --git a/docs/components/scaffolding.md b/docs/components/scaffolding.md
index b532ba4410..84a22e618f 100644
--- a/docs/components/scaffolding.md
+++ b/docs/components/scaffolding.md
@@ -45,23 +45,3 @@ These styles can be found within `scaffolding.less`.
 ### Normalize
 
 For improved cross-browser rendering, we use [Normalize.css](http://necolas.github.io/normalize.css/) to correct small inconsistencies across browsers and devices.
-
-### Containers
-
-Bootstrap requires a containing element to wrap site contents and house our grid system. You may choose one of two containers to use in your projects. Note that, due to `padding` and more, neither container is nestable.
-
-Use `.container` for a responsive fixed width container.
-
-{% highlight html %}
-<div class="container">
-  ...
-</div>
-{% endhighlight %}
-
-Use `.container-fluid` for a full width container, spanning the entire width of your viewport.
-
-{% highlight html %}
-<div class="container-fluid">
-  ...
-</div>
-{% endhighlight %}
diff --git a/docs/layout/containers.md b/docs/layout/containers.md
new file mode 100644
index 0000000000..029cc18868
--- /dev/null
+++ b/docs/layout/containers.md
@@ -0,0 +1,24 @@
+---
+layout: page
+title: Containers
+---
+
+Bootstrap requires a containing element to wrap site contents and house our grid system. You may choose from one of two containers—fixed width or fluid width—to use in your projects.
+
+Containers *can* be nested, but be aware that most layouts don't require it.
+
+Use `.container` for a responsive fixed width container. This will center content withing the viewport and apply the appropriate `width` for a given device size.
+
+{% highlight html %}
+<div class="container">
+  ...
+</div>
+{% endhighlight %}
+
+Use `.container-fluid` for a full width container, spanning the entire width of the viewport.
+
+{% highlight html %}
+<div class="container-fluid">
+  ...
+</div>
+{% endhighlight %}