构建了公司网站之后，接下来就可以考虑设计一个在线商店了。

此次的设计以上一章的设计为基础， 只是添加了一个包含如下元素的新页面：

□ 包含商品小图、标题和说明的产品网格；

□ 位于左侧的变懒，用于按类别、品牌等筛选商品；

□ 方便用户导航的面包屑和分页链接。

大家先看一看Zappos (http:///show/bootstrap-code-05.html （附《Bootstrap 实战》的PDF文档和源码链接：http://xiazai.jb51.net/201610/yuanma/BootstrapSite(jb51.net).rar）

本例源码下载：bootstrap-code-05.zip

如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：

Bootstrap学习教程

Bootstrap实战教程

Bootstrap插件使用教程

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。