【实例简介】

涉及到HTML5，css和js的购物网站，页面精美，可运行，适合前端人员参考

【实例截图】

【核心代码】

bootshop购物商城

└── bootshop购物商城

├── bootshop购物商城.png

├── bootstrap

│   ├── css

│   │   ├── bootstrap.min.css

│   │   └── bootstrap-responsive.min.css

│   ├── img

│   │   ├── glyphicons-halflings.png

│   │   └── glyphicons-halflings-white.png

│   └── js

│   └── bootstrap.min.js

├── compair.html

├── components.html

├── contact.html

├── faq.html

├── forgetpass.html

├── index.html

├── legal_notice.html

├── login.html

├── normal.html

├── product_details.html

├── products.html

├── product_summary.html

├── register.html

├── special_offer.html

├── tac.html

└── themes

├── amelia

│   ├── bootstrap.css

│   └── bootstrap.min.css

├── bootshop

│   └── bootstrap.min.css

├── businessltd

│   └── bootstrap.min.css

├── cerulean

│   └── bootstrap.min.css

├── css

│   ├── base.css

│   ├── bootstrap-responsive.min.css

│   ├── font-awesome.css

│   └── font-awesome-ie7.css

├── cyborg

│   └── bootstrap.min.css

├── font

│   ├── fontawesome-webfont.eot

│   ├── fontawesome-webfont.svg

│   ├── fontawesome-webfont.ttf

│   ├── fontawesome-webfont.woff

│   ├── museo_slab_300-webfont.eot

│   ├── museo_slab_300-webfont.ttf

│   ├── museo_slab_500-webfont.eot

│   ├── museo_slab_500-webfont.ttf

│   ├── proximanova-webfont.eot

│   └── proximanova-webfont.ttf

├── images

│   ├── carousel

│   │   ├── 1.png

│   │   ├── 2.png

│   │   ├── 3.png

│   │   ├── 4.png

│   │   ├── 5.png

│   │   ├── 6.png

│   │   └── 7.png

│   ├── facebook.png

│   ├── headerRepeat.png

│   ├── ico

│   │   ├── apple-touch-icon-114-precomposed.png

│   │   ├── apple-touch-icon-144-precomposed.png

│   │   ├── apple-touch-icon-57-precomposed.png

│   │   ├── apple-touch-icon-72-precomposed.png

│   │   └── favicon.ico

│   ├── ico-cart.png

│   ├── lightbox

│   │   ├── Close.png

│   │   ├── lightbox-blank.gif

│   │   ├── lightbox-btn-close.gif

│   │   ├── lightbox-btn-next.gif

│   │   ├── lightbox-btn-prev.gif

│   │   └── lightbox-ico-loading.gif

│   ├── logo.png

│   ├── new.png

│   ├── payment_methods.png

│   ├── products

│   │   ├── 10.jpg

│   │   ├── 11.jpg

│   │   ├── 12.jpg

│   │   ├── 13.jpg

│   │   ├── 1.jpg

│   │   ├── 2.jpg

│   │   ├── 3.jpg

│   │   ├── 4.jpg

│   │   ├── 5.jpg

│   │   ├── 6.jpg

│   │   ├── 7.jpg

│   │   ├── 8.jpg

│   │   ├── 9.jpg

│   │   ├── b1.jpg

│   │   ├── b2.jpg

│   │   ├── b3.jpg

│   │   ├── b4.jpg

│   │   ├── kindle.png

│   │   ├── large

│   │   │   ├── 3.jpg

│   │   │   ├── f1.jpg

│   │   │   ├── f2.jpg

│   │   │   └── f3.jpg

│   │   └── panasonic.jpg

│   ├── search.png

│   ├── tabRepeatInactive.png

│   ├── twitter.png

│   └── youtube.png

├── img

│   ├── glyphicons-halflings.png

│   └── glyphicons-halflings-white.png

├── journal

│   └── bootstrap.min.css

├── js

│   ├── bootshop.js

│   ├── bootstrap.min.js

│   ├── google-code-prettify

│   │   ├── prettify.css

│   │   └── prettify.js

│   ├── jquery.js

│   ├── jquery.lightbox-0.5.js

│   └── less.js

├── less

│   ├── accordion.less

│   ├── alerts.less

│   ├── amelia

│   │   ├── bootswatch.less

│   │   └── variables.less

│   ├── amelia.less

│   ├── bootshop

│   │   ├── main.less

│   │   └── variables.less

│   ├── bootshop.less

│   ├── bootstrap.less

│   ├── breadcrumbs.less

│   ├── button-groups.less

│   ├── buttons.less

│   ├── carousel.less

│   ├── classified.less

│   ├── close.less

│   ├── code.less

│   ├── component-animations.less

│   ├── dropdowns.less

│   ├── font-awesome-ie7.less

│   ├── font-awesome.less

│   ├── forms.less

│   ├── grid.less

│   ├── hero-unit.less

│   ├── labels-badges.less

│   ├── layouts.less

│   ├── mixins.less

│   ├── modals.less

│   ├── navbar.less

│   ├── navs.less

│   ├── pager.less

│   ├── pagination.less

│   ├── popovers.less

│   ├── progress-bars.less

│   ├── reset.less

│   ├── responsive-1200px-min.less

│   ├── responsive-767px-max.less

│   ├── responsive-768px-979px.less

│   ├── responsive.less

│   ├── responsive-navbar.less

│   ├── responsive-utilities.less

│   ├── scaffolding.less

│   ├── simplex

│   │   ├── bootswatch.less

│   │   └── variables.less

│   ├── simplex.less

│   ├── sprites.less

│   ├── tables.less

│   ├── thumbnails.less

│   ├── tooltip.less

│   ├── type.less

│   ├── utilities.less

│   ├── variables.less

│   └── wells.less

├── readable

│   └── bootstrap.min.css

├── simplex

│   └── bootstrap.min.css

├── slate

│   └── bootstrap.min.css

├── spacelab

│   └── bootstrap.min.css

├── spruce

│   ├── bootstrap.css

│   └── bootstrap.min.css

├── superhero

│   └── bootstrap.min.css

├── switch

│   ├── images

│   │   ├── clr

│   │   │   ├── amelia.png

│   │   │   ├── bootshop.png

│   │   │   ├── businessltd.png

│   │   │   ├── cerulean.png

│   │   │   ├── cyborg.png

│   │   │   ├── journal.png

│   │   │   ├── readable.png

│   │   │   ├── simplex.png

│   │   │   ├── slate.png

│   │   │   ├── spacelab.png

│   │   │   ├── spruce.png

│   │   │   ├── superhero.png

│   │   │   └── united.png

│   │   ├── hideme.png

│   │   ├── pattern

│   │   │   ├── pattern10.png

│   │   │   ├── pattern11.png

│   │   │   ├── pattern12.png

│   │   │   ├── pattern13.png

│   │   │   ├── pattern14.png

│   │   │   ├── pattern15.png

│   │   │   ├── pattern16.png

│   │   │   ├── pattern16~.png

│   │   │   ├── pattern17.png

│   │   │   ├── pattern17~.png

│   │   │   ├── pattern18.png

│   │   │   ├── pattern19.png

│   │   │   ├── pattern19~.png

│   │   │   ├── pattern1.png

│   │   │   ├── pattern20.png

│   │   │   ├── pattern20~.png

│   │   │   ├── pattern2.png

│   │   │   ├── pattern3.png

│   │   │   ├── pattern4.png

│   │   │   ├── pattern5.png

│   │   │   ├── pattern6.png

│   │   │   ├── pattern7.png

│   │   │   ├── pattern8.png

│   │   │   └── pattern9.png

│   │   └── styleTgl.png

│   ├── theamswitcher.js

│   └── themeswitch.css

└── united

└── bootstrap.min.css

38 directories, 203 files