diff --git a/components/steps/demo/custom-icon.md b/components/steps/demo/custom-icon.md
index 9bc156a89c..3400201cf7 100644
--- a/components/steps/demo/custom-icon.md
+++ b/components/steps/demo/custom-icon.md
@@ -6,7 +6,7 @@
 
 ---
 
-````css
+<style>
 .my-step-icon {
   width: 35px;
   height: 35px;
@@ -15,24 +15,22 @@
   position: relative;
   top: -9px;
 }
-
 .my-step-icon > img {
   width: 45px;
   height: 45px;
 }
-````
+</style>
 
 ````jsx
 var Steps = antd.Steps;
+var Step = Steps.Step;
 var container = document.getElementById('components-steps-demo-custom-icon');
 var imgIcon = <div className='my-step-icon'><img src='https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg'/></div>
 
 
-React.render(
-  <Steps>
-    <Steps.Step status='finish' title='步骤1' icon={<div className='my-step-icon'><span className='anticon anticon-cloud'></span></div>}></Steps.Step>
-    <Steps.Step status='process' title='步骤2' icon={imgIcon}></Steps.Step>
-    <Steps.Step status='wait' title='步骤3' icon={<div className='my-step-icon'><span className='anticon anticon-github'></span></div>}></Steps.Step>
-  </Steps>, container);
-
+React.render(<Steps>
+  <Step status='finish' title='步骤1' icon={<div className='my-step-icon'><span className='anticon anticon-cloud'></span></div>}></Step>
+  <Step status='process' title='步骤2' icon={imgIcon}></Step>
+  <Step status='wait' title='步骤3' icon={<div className='my-step-icon'><span className='anticon anticon-github'></span></div>}></Step>
+</Steps>, container);
 ````
diff --git a/components/steps/demo/simple.md b/components/steps/demo/simple.md
index e8fbdb19cd..f02df4f735 100644
--- a/components/steps/demo/simple.md
+++ b/components/steps/demo/simple.md
@@ -2,41 +2,39 @@
 
 - order: 0
 
-简单的步骤条
+简单的步骤条。
 
 ---
 
 ````jsx
 var Steps = antd.Steps;
+var Step = Steps.Step;
 var container = document.getElementById('components-steps-demo-simple');
 
 var steps = [{
   status: 'finish',
   title: '已完成',
-  description: '这里是多信息的描述啊描述啊描述啊描述啊哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶'
+  description: '这里是多信息的描述啊'
 }, {
   status: 'process',
   title: '进行中',
-  description: '这里是多信息的描述啊描述啊描述啊描述啊哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶'
+  description: '这里是多信息的耶哦耶哦哦耶哦耶哦耶哦耶哦耶'
 }, {
   status: 'wait',
   title: '待运行',
-  description: '这里是多信息的描述啊描述啊描述啊描述啊哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶'
+  description: '这里是多信息的描述啊描述啊描述啊'
 }, {
   status: 'wait',
   title: '待运行',
-  description: '这里是多信息的描述啊描述啊描述啊描述啊哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶'
+  description: '这里是多信息的描述啊'
 }].map(function(s, i) {
-    return (<Steps.Step
-        key={i}
-        status={s.status}
-        title={s.title}
-        description={s.description}></Steps.Step>
-    );
-  });
+  return (<Step
+    key={i}
+    status={s.status}
+    title={s.title}
+    description={s.description}></Step>
+  );
+});
 
-React.render(
-  <Steps>
-    {steps}
-  </Steps>, container);
+React.render(<Steps>{steps}</Steps>, container);
 ````
diff --git a/components/steps/demo/small-size.md b/components/steps/demo/small-size.md
index 33ea9a3bab..b9bbb7d0a3 100644
--- a/components/steps/demo/small-size.md
+++ b/components/steps/demo/small-size.md
@@ -8,6 +8,7 @@
 
 ````jsx
 var Steps = antd.Steps;
+var Step = Steps.Step;
 var container = document.getElementById('components-steps-demo-small-size');
 
 var steps = [{
@@ -23,12 +24,11 @@ var steps = [{
   status: 'wait',
   title: '待运行'
 }].map(function(s, i) {
-  return (<Steps.Step
-      key={i}
-      status={s.status}
-      title={s.title}>
-    </Steps.Step>
-  );
+  return (<Step
+    key={i}
+    status={s.status}
+    title={s.title}>
+  </Step>);
 });
 
 React.render(<Steps size="small">{steps}</Steps>, container);