From be74a7866efaa33559a6c173c55a008db5be57ab Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Sat, 11 Mar 2017 18:13:22 +0800
Subject: Update docs text

---
 docs/layout.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'docs/layout.html')

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 -->
-- 
cgit v1.3.1-23-gd82d