Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/bootstrap.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMark Otto <otto@github.com>2014-02-22 03:03:16 +0400
committerMark Otto <otto@github.com>2014-02-22 03:03:16 +0400
commitf542fcc627557feb9ad7fb7998971d57da9fe794 (patch)
tree9da0f2b0645b686a26f3cd9276222f33e6efe308 /docs/css.html
parent5517f9907e5660858226b99138da36951660d564 (diff)
Fixes #12810: Document .container-fluid in the CSS overview docs
Diffstat (limited to 'docs/css.html')
-rw-r--r--docs/css.html10
1 files changed, 8 insertions, 2 deletions
diff --git a/docs/css.html b/docs/css.html
index 750b84a35b..4197f8dcbf 100644
--- a/docs/css.html
+++ b/docs/css.html
@@ -46,13 +46,19 @@ lead: "Global CSS settings, fundamental HTML elements styled and enhanced with e
<p>For improved cross-browser rendering, we use <a href="http://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="http://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> and <a href="http://twitter.com/jon_neal" target="_blank">Jonathan Neal</a>.</p>
<h3 id="overview-container">Containers</h3>
- <p>Easily center a page's contents by wrapping its contents in a <code>.container</code>. Containers set <code>width</code> at various media query breakpoints to match our grid system.</p>
- <p>Note that, due to <code>padding</code> and fixed widths, containers are not nestable by default.</p>
+ <p>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 <code>padding</code> and more, neither container is nestable.</p>
+ <p>Use <code>.container</code> for a responsive fixed width container.</p>
{% highlight html %}
<div class="container">
...
</div>
{% endhighlight %}
+ <p>Use <code>.container-fluid</code> for a full width container, spanning the entire width of your viewport.</p>
+{% highlight html %}
+<div class="container-fluid">
+ ...
+</div>
+{% endhighlight %}
</div>