diff options
1 files changed, 14 insertions, 1 deletions
| -rw-r--r-- | docs/layout.html | 15 |
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> |