From 7e73f385a827a3c19c3fdd174639cc6477c22487 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Tue, 13 Jun 2017 20:15:01 +0800 Subject: Add Responsive container to the Docs #222 --- docs/layout.html | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) (limited to 'docs/layout.html') diff --git a/docs/layout.html b/docs/layout.html index 9c5c3e0..e49b74c 100644 --- a/docs/layout.html +++ b/docs/layout.html @@ -226,11 +226,24 @@ <div class="column col-xs-3">col-xs-3</div> </div> </div> + + +

Responsive container

+
+

The responsive layout also provides fixed-width containers. Use grid-480, grid-960 or grid-1280 to container for a fixed-width container with the specific max-width.

+
+ + +
<div class="container grid-960">
+  <div class="columns">
+    ...
+  </div>
+</div>

Responsive visibility

-

Spectre provides a neat responsive layout grid system and responsive visibility utilities.

+

The responsive visibility utilities help show and hide elements on specific viewport sizes.

-- cgit v1.3.1-23-gd82d