本文演示了常用的面包屑导航和分布式多步骤菜单。项目中经常遇到的有三角箭头面包屑（商品详情）、圆点分步指示（运单号查询进错）、带数字的圆点分步指示（购物车结算）
淘建站为您提供更多_css3_进度条_面包屑_多步骤，在此特别感谢您对我们的支持与厚爱！
查看演示
演示不了，点击反馈
加入收藏
下载 294 次
打赏作者
觉得不错，可打赏下作者
下载资源
免费共享
特别说明：本站资源来自网友发布分享，仅供学习与参考，请勿用于商业用途，若有侵权请联系删除(272966172@qq.com)。
演示一：基本面包屑
<nav>
<ol class="cd-breadcrumb">
<li><a href="http://www.sucaiq.com">首页</a></li>
<li><a href="http://www.sucaiq.com/js">jQuery</a></li>
<li><a href="http://www.sucaiq.com/php">PHP</a></li>
<li class="current"><a href="http://www.sucaiq.com/templates">模板</a></li>
</ol>
</nav>演示二：自定义图标面包屑
<ol class="cd-breadcrumb custom-separator custom-icons"></ol>演示三：三角箭头面包屑
<ol class="cd-breadcrumb triangle"></ol>演示四：基本分步指示
<ol class="cd-multi-steps text-center"></ol>演示五：圆点分步指示
<nav>
<ol class="cd-multi-steps text-top">
<li class="visited"><a href="#0">购物车</a></li>
<li class="visited" ><a href="#0">结算付款</a></li>
<li class="current"><em>送货</em></li>
<li><em>验货收货</em></li>
</ol>
</nav>演示五：带数字的圆点分步指示
<nav>
<ol class="cd-multi-steps text-bottom count">
<li class="visited"><a href="#0">购物车</a></li>
<li class="visited" ><a href="#0">结算付款</a></li>
<li class="current"><em>送货</em></li>
<li><em>验货收货</em></li>
</ol>
</nav>
