diff options
1 files changed, 18 insertions, 2 deletions
| -rw-r--r-- | docs/layout/responsive.html | 20 |
diff --git a/docs/layout/responsive.html b/docs/layout/responsive.html index e0612ee..d063927 100644 --- a/docs/layout/responsive.html +++ b/docs/layout/responsive.html @@ -204,10 +204,26 @@ <p>Spectre provides a neat responsive layout grid system and responsive visibility utilities.</p> <div class="docs-demo columns"> <div class="column col-10 col-lg-8 col-md-6 col-sm-4"> - <div class="bg-gray docs-block">col-10 <br> col-lg-8 <br> col-md-6 <br> col-sm-4</div> + <div class="bg-gray docs-block"> + <div class="text-primary">col-10</div> + <div class="text-dark hide-lg">col-lg-8</div> + <div class="text-primary show-lg">col-lg-8</div> + <div class="text-dark hide-md">col-md-6</div> + <div class="text-primary show-md">col-md-6</div> + <div class="text-dark hide-sm">col-sm-4</div> + <div class="text-primary show-sm">col-sm-4</div> + </div> </div> <div class="column col-2 col-lg-4 col-md-6 col-sm-8"> - <div class="bg-gray docs-block">col-2 <br> col-lg-4 <br> col-md-6 <br> col-sm-8</div> + <div class="bg-gray docs-block"> + <div class="text-primary">col-2</div> + <div class="text-dark hide-lg">col-lg-4</div> + <div class="text-primary show-lg">col-lg-4</div> + <div class="text-dark hide-md">col-md-6</div> + <div class="text-primary show-md">col-md-6</div> + <div class="text-dark hide-sm">col-sm-8</div> + <div class="text-primary show-sm">col-sm-8</div> + </div> </div> </div> <p>There are <code>col-xs-<1-12></code>, <code>col-sm-<1-12></code>, <code>col-md-<1-12></code>, <code>col-lg-<1-12></code> and <code>col-xl-<1-12></code> available for flexible grid across mobile, tablet and desktop viewport usage.</p> |