产品列表页的产品分类在用户搜索商品时有很有效的指向性，能将搜索范围缩小，最大程度的集中同一类的产品。如何很好的完成产品列表页的产品分类，这个学习的过程只需要10分钟

使用html、css、bootstrap3设计一个电子商务网站产品列表页的产品分类（效果如下图）。

步骤.实现商品分类布局

知识点：

- bootstrap自带样式：container、row、breadcrumb、active、clearfix

- 自定义样式：nav-group、nav-item、nav-item:first-child、item-head、item-head h4、item-bo

展开全文

完整代码链接：https://www.itbegin.com/apps/mooc/b28458acd7cc44a29597d113fc53bcff

ITbegin是专注于在线编程应用和研发的互联网公司，官网：www.itbegin.com

10分钟快速学会淘宝首页banner轮播图

10分钟快速学会侧边栏 Bootstrap

10分钟快速使用BOOTSTRAP制作导航条