diff options
Update docs text
1 files changed, 5 insertions, 5 deletions
| -rw-r--r-- | docs/layout.html | 10 |
diff --git a/docs/layout.html b/docs/layout.html index 630b248..479078b 100644 --- a/docs/layout.html +++ b/docs/layout.html @@ -134,8 +134,8 @@ </div> <section class="notes"> - <p>Add the class <code>columns</code> to a container with the class <code>container</code>. And add any element you want with classname <code>column</code> inside the container. These columns will take up the space equally. You can specific the width of each column by adding class <code>col-[1-12]</code>.</p> - <p>And you can add the class <code>col-gapless</code> to have gapless columns.</p> + <p>Add the <code>columns</code> class to a container with the <code>container</code> class. And add any element you want with the <code>column</code> class inside the container. These columns will take up the space equally. You can specific the width of each column by adding class <code>col-[1-12]</code>.</p> + <p>And you can add the <code>col-gapless</code> class to have gapless columns.</p> </section> <div class="columns col-gapless"> @@ -148,7 +148,7 @@ </div> <section class="notes"> - <p>By default, Spectre grid has multi-line flexbox enabled. You can add the class <code>col-oneline</code> to <code>columns</code> to make all its child columns positioned in the same single row.</p> + <p>By default, Spectre grid has multi-line flexbox enabled. You can add the <code>col-oneline</code> class to <code>columns</code> to make all its child columns positioned in the same single row.</p> </section> <div class="columns col-oneline"> @@ -390,7 +390,7 @@ </div> <section class="notes"> - <p>A navbar component can include logo brand, nav links and buttons, search box or any combination of those elements. Each section with the class <code>navbar-section</code> will be evenly distributed in the container.</p> + <p>A navbar component can include logo brand, nav links and buttons, search box or any combination of those elements. Each section with the <code>navbar-section</code> class will be evenly distributed in the container.</p> </section> <!-- navbar example --> @@ -551,7 +551,7 @@ </div> <section class="notes"> - <p>Add a container element with the class <code>panel</code>. And add child elements with the class name <code>panel-header</code>, <code>panel-nav</code>, <code>panel-body</code> and/or <code>panel-footer</code>. The <code>panel-body</code> can be auto expanded and vertically scrollable. </p> + <p>Add a container element with the <code>panel</code> class. And add child elements with the <code>panel-header</code>, <code>panel-nav</code>, <code>panel-body</code> and/or <code>panel-footer</code> class. The <code>panel-body</code> can be auto expanded and vertically scrollable. </p> </section> <!-- panels example --> |