本文演示了常用的面包屑导航和分布式多步骤菜单。项目中经常遇到的有三角箭头面包屑(商品详情)、圆点分步指示(运单号查询进错)、带数字的圆点分步指示(购物车结算)
演示一:基本面包屑
<nav>
<ol class="cd-breadcrumb">
<li><a href="http://www.sucaihuo.com">首页</a></li>
<li><a href="http://www.sucaihuo.com/js">jQuery</a></li>
<li><a href="http://www.sucaihuo.com/php">PHP</a></li>
<li class="current"><a href="http://www.sucaihuo.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>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791