## 定宽步骤条

1 第一步 #4AA4D5
2 第二步 #333333
3 第三步 #999999
1 第一步 #4AA4D5
2 第二步 #333333
3 第三步 #999999

## 自适应步骤条

根据页面大小自适应的steps,需要浏览器支持display:table,display:table-cell属性
1 第一步 #4AA4D5
2 第二步 #333333
3 第三步 #999999
1 第一步 #4AA4D5
2 第二步 #333333
3 第三步 #999999
3 第四步 #999999

## 前台定宽步骤条

1
文字描述
1
文字描述
1
文字描述
3
文字描述

## 前台自适应步骤条

根据页面大小自适应的steps,如果仅指定steps-round-auto,步骤条会自动适应，如果希望步骤条整体自适应，同时单个step保持一定比例的宽度，参考下面的例子
1
文文字描述文字描述文字描述文字描述字描述文字
1
文字描述
1
文字描述
3
文字描述
同时指定了steps-round-auto和steps步骤数,步骤条会整体自适应，同时单个step保持一定比例的宽度，目前提供steps-3到steps-7，使用方法类似bootstrap的删隔布局
1
文文字描述文字描述文字描述文字描述字描述文字
1
文字描述
1
文字描述
3
文字描述