diff options
| author | Mark Otto <[email protected]> | 2014-07-14 08:22:33 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-07-14 08:22:33 -0700 |
| commit | 8d55c3c0a3b56f68cd6c37977bdc8439a8d5b09a (patch) | |
| tree | fafd041b35bad7957c647a452ac80bf3668fe2fb /docs | |
| parent | e6ee1b228fa06200c677e86696e4a7a72ccf57a7 (diff) | |
| download | bootstrap-8d55c3c0a3b56f68cd6c37977bdc8439a8d5b09a.tar.xz bootstrap-8d55c3c0a3b56f68cd6c37977bdc8439a8d5b09a.zip | |
move containers to layout section
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/_data/nav.yml | 1 | ||||
| -rw-r--r-- | docs/components/scaffolding.md | 20 | ||||
| -rw-r--r-- | docs/layout/containers.md | 24 |
3 files changed, 25 insertions, 20 deletions
diff --git a/docs/_data/nav.yml b/docs/_data/nav.yml index a66f6e4a3..1095d386c 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 b532ba441..84a22e618 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 000000000..029cc1886 --- /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 %} |