From c67deb4708c44178c3a0ea46d8279da1672c32b7 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Tue, 5 Jun 2018 21:31:02 +0800 Subject: Update docs demo margin --- docs/layout.html | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) (limited to 'docs/layout.html') diff --git a/docs/layout.html b/docs/layout.html index 65d8008..3c27fec 100644 --- a/docs/layout.html +++ b/docs/layout.html @@ -132,7 +132,7 @@

Flexbox grid

Layout includes flexbox based responsive grid system with 12 columns.

-
+
@@ -205,7 +205,7 @@ You can specific the width of each column by adding class col-<1-12>.

And you can add the col-gapless class to the columns to have gapless columns.

-
+
col-6 (gapless)
@@ -220,7 +220,7 @@ </div>

By default, Spectre grid has multi-line flexbox enabled. You can add the col-oneline class to columns to make all its child columns positioned in the same single row.

-
+
col-8
@@ -294,7 +294,7 @@

Grid nesting

To nest grids, add the new columns and column structure within an existing column.

-
+
col-6
@@ -328,7 +328,7 @@

Responsive

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

-
+
col-10
col-lg-8
col-md-6
col-sm-4
@@ -367,7 +367,7 @@

Responsive visibility

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

-
+
@@ -483,7 +483,7 @@
  • hide-lg hides elements when the window width is smaller than or equal to 960px.
  • hide-xl hides elements when the window width is smaller than or equal to 1280px.
    • -
    +
    @@ -608,7 +608,7 @@