diff options
| author | Yan Zhu <picturepan2@hotmail.com> | 2017-06-13 15:15:01 +0300 |
|---|---|---|
| committer | Yan Zhu <picturepan2@hotmail.com> | 2017-06-13 15:15:01 +0300 |
| commit | 7e73f385a827a3c19c3fdd174639cc6477c22487 (patch) | |
| tree | 0d3e4ca2579e03d03498f8c04989195863103bc9 | |
| parent | aba0d05b3c95c13f965fe31e73808167297a6c4c (diff) | |
Add Responsive container to the Docs #222
| -rw-r--r-- | docs/layout.html | 15 |
1 files changed, 14 insertions, 1 deletions
diff --git a/docs/layout.html b/docs/layout.html index 9c5c3e0..e49b74c 100644 --- a/docs/layout.html +++ b/docs/layout.html @@ -228,9 +228,22 @@ <<span class="tag">/div</span>> </code></pre> + <header class="text-center"><h4>Responsive container</h4></header> + <div class="notes"> + <p>The responsive layout also provides fixed-width containers. Use <code>grid-480</code>, <code>grid-960</code> or <code>grid-1280</code> to <code>container</code> for a fixed-width container with the specific max-width.</p> + </div> + +<!-- layout example --> +<pre class="code" data-lang="HTML"><code><<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"container grid-960"</span>> + <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"columns"</span>> + ... + <<span class="tag">/div</span>> +<<span class="tag">/div</span>> +</code></pre> + <header class="text-center"><h4>Responsive visibility</h4></header> <div class="notes"> - <p>Spectre provides a neat responsive layout grid system and responsive visibility utilities. </p> + <p>The responsive visibility utilities help show and hide elements on specific viewport sizes. </p> </div> <table class="docs-table table text-center"> <thead> |