实例介绍
响应式Web开发项目教程(HTML5+CSS3+Bootstrap) 《响应式Web开发项目教程(HTML5+CSS3+Bootstrap)》_资源,里面代码详细,可供新手参考
【实例截图】
【核心代码】
《响应式Web开发项目教程(HTML5CSS3Bootstrap)》-配套源码
└── 《响应式Web开发项目教程(HTML5+CSS3+Bootstrap)》-配套源码
├── bootstrap-3.3.6-dist.zip
└── code
├── 01
│ ├── 0101
│ │ ├── 0101.html
│ │ ├── css
│ │ │ └── logo.css
│ │ └── images
│ │ └── HTML.png
│ ├── 0102
│ │ ├── 0102.html
│ │ ├── css
│ │ │ ├── common.css
│ │ │ └── main.css
│ │ └── images
│ │ ├── fengjing.jpg
│ │ ├── touxiang.jpg
│ │ └── 华东.jpg
│ ├── demo1-1.html
│ └── demo1-2.html
├── 02
│ ├── 0201
│ │ ├── 0201.html
│ │ ├── css
│ │ │ └── e-zine.css
│ │ ├── fonts
│ │ │ └── 简方叠体.TTF
│ │ └── images
│ │ ├── bg.jpg
│ │ └── pic.jpg
│ ├── 0202
│ │ ├── 0202.html
│ │ ├── css
│ │ │ ├── advertising.css
│ │ │ └── font-awesome.min.css
│ │ ├── fonts
│ │ │ ├── FontAwesome.otf
│ │ │ ├── PinyonScript-Regular.ttf
│ │ │ ├── fontawesome-webfont.eot
│ │ │ ├── fontawesome-webfont.svg
│ │ │ ├── fontawesome-webfont.ttf
│ │ │ ├── fontawesome-webfont.woff
│ │ │ └── fontawesome-webfont.woff2
│ │ └── images
│ │ └── section_mobile_bg.jpg
│ ├── 0203
│ │ ├── 0203.html
│ │ ├── css
│ │ │ ├── email.css
│ │ │ └── font-awesome.min.css
│ │ └── fonts
│ │ ├── FontAwesome.otf
│ │ ├── PinyonScript-Regular.ttf
│ │ ├── fontawesome-webfont.eot
│ │ ├── fontawesome-webfont.svg
│ │ ├── fontawesome-webfont.ttf
│ │ ├── fontawesome-webfont.woff
│ │ └── fontawesome-webfont.woff2
│ ├── css
│ │ └── font-awesome.min.css
│ ├── demo2-1.html
│ ├── demo2-2.html
│ ├── demo2-3.html
│ ├── demo2-4.html
│ ├── demo2-5.html
│ ├── demo2-6.html
│ ├── demo2-7.html
│ └── fonts
│ ├── FontAwesome.otf
│ ├── demo2-1
│ │ └── 书法.ttf
│ ├── fontawesome-webfont.eot
│ ├── fontawesome-webfont.svg
│ ├── fontawesome-webfont.ttf
│ ├── fontawesome-webfont.woff
│ └── fontawesome-webfont.woff2
├── 03
│ ├── 0301
│ │ ├── 0301.html
│ │ ├── css
│ │ │ └── bookstore.css
│ │ └── images
│ │ ├── 1.png
│ │ ├── 10.png
│ │ ├── 3.png
│ │ ├── 4.png
│ │ ├── 5.png
│ │ ├── 6.png
│ │ ├── 7.png
│ │ ├── 8.png
│ │ ├── 9.png
│ │ ├── qq.gif
│ │ └── tou.png
│ ├── 0302
│ │ ├── 0302.html
│ │ ├── css
│ │ │ └── succulent.css
│ │ └── images
│ │ ├── 1.jpg
│ │ ├── 2.jpg
│ │ ├── 3.jpg
│ │ ├── 4.jpg
│ │ ├── 5.jpg
│ │ ├── 6.jpg
│ │ ├── 7.jpg
│ │ ├── 8.jpg
│ │ └── head.jpg
│ ├── 0303
│ │ ├── 0303.html
│ │ ├── css
│ │ │ └── peach.css
│ │ └── images
│ │ ├── bg.jpg
│ │ └── peach.png
│ ├── demo3-1.html
│ ├── demo3-10.html
│ ├── demo3-2.html
│ ├── demo3-3.html
│ ├── demo3-4.html
│ ├── demo3-5.html
│ ├── demo3-6.html
│ ├── demo3-7.html
│ ├── demo3-8.html
│ ├── demo3-9.html
│ └── images
│ ├── demo3-1
│ │ └── chicken.png
│ ├── demo3-10
│ │ └── peach.png
│ ├── demo3-2
│ │ └── boxshadow.png
│ └── demo3-9
│ └── fengche.png
├── 04
│ ├── 0401
│ │ ├── 0401.html
│ │ ├── css
│ │ │ └── login.css
│ │ └── images
│ │ ├── 1.png
│ │ └── 2.jpg
│ ├── 0402
│ │ ├── 0402.html
│ │ ├── css
│ │ │ └── register.css
│ │ └── images
│ │ ├── attention.png
│ │ ├── right.png
│ │ ├── tree.jpg
│ │ └── warn.png
│ ├── demo4-1.html
│ ├── demo4-2.html
│ ├── demo4-3.html
│ ├── demo4-4.html
│ ├── demo4-5.html
│ ├── demo4-6.html
│ ├── demo4-7.html
│ ├── demo4-8.html
│ └── demo4-9.html
├── 05
│ ├── 0501
│ │ └── 0501.html
│ ├── 0502
│ │ ├── 0502.html
│ │ ├── css
│ │ │ └── photo.css
│ │ ├── images
│ │ │ └── pic.jpg
│ │ └── js
│ │ └── photo.js
│ ├── demo5-1.html
│ ├── demo5-2.html
│ ├── demo5-3.html
│ ├── demo5-4.html
│ ├── demo5-5.html
│ ├── demo5-6.html
│ ├── demo5-7.html
│ ├── demo5-8.html
│ ├── demo5-9.html
│ └── images
│ └── demo5-8
│ └── draw.jpg
├── 06
│ ├── 0601
│ │ ├── 0601.html
│ │ ├── css
│ │ │ └── video.css
│ │ ├── js
│ │ │ └── video.js
│ │ └── video
│ │ ├── myVideo.mp4
│ │ ├── myVideo.ogg
│ │ └── myVideo.webm
│ ├── 0602
│ │ ├── 0602.html
│ │ ├── audio
│ │ │ ├── a4.ogg
│ │ │ ├── a4m.ogg
│ │ │ ├── b4.ogg
│ │ │ ├── c4.ogg
│ │ │ ├── c4m.ogg
│ │ │ ├── c5.ogg
│ │ │ ├── d4.ogg
│ │ │ ├── d4m.ogg
│ │ │ ├── e4.ogg
│ │ │ ├── f4.ogg
│ │ │ ├── f4m.ogg
│ │ │ ├── g4.ogg
│ │ │ └── g4m.ogg
│ │ ├── css
│ │ │ └── piano.css
│ │ ├── images
│ │ │ ├── key_back_black.png
│ │ │ └── key_back_white.png
│ │ └── js
│ │ └── piano.js
│ ├── 0603
│ │ ├── 0603.html
│ │ ├── audio
│ │ │ └── 陪你度过漫长岁月.mp3
│ │ ├── css
│ │ │ ├── audio.css
│ │ │ └── font-awesome.min.css
│ │ ├── images
│ │ │ └── music.jpg
│ │ └── js
│ │ └── audio.js
│ ├── audio
│ │ ├── demo6-4
│ │ │ └── music.mp3
│ │ └── demo6-5
│ │ └── music.mp3
│ ├── demo6-1.html
│ ├── demo6-2.html
│ ├── demo6-3.html
│ ├── demo6-4.html
│ ├── demo6-5.html
│ ├── demo6-6.html
│ └── video
│ ├── movie.mp4
│ └── myVideo.ogv
├── 07
│ ├── 0701
│ │ ├── 0701.html
│ │ ├── css
│ │ │ └── response.css
│ │ └── images
│ │ ├── banner.jpg
│ │ ├── i1.gif
│ │ ├── i2.gif
│ │ ├── i3.gif
│ │ ├── logo.png
│ │ ├── menu.png
│ │ └── mission_img.jpg
│ ├── 0702
│ │ ├── 0702.html
│ │ ├── css
│ │ │ └── personal_info.css
│ │ └── images
│ │ ├── 2.png
│ │ ├── b1.jpg
│ │ ├── billing.png
│ │ ├── img-sprite.png
│ │ ├── key.png
│ │ ├── lock.png
│ │ ├── noyifictions.png
│ │ ├── pro.png
│ │ ├── profile.png
│ │ ├── tick.png
│ │ ├── user.png
│ │ └── w-line.png
│ ├── demo7-1.html
│ ├── demo7-2.html
│ ├── demo7-3.html
│ ├── demo7-4.html
│ └── demo7-5.html
└── 08
├── 0801
│ ├── 0801.html
│ ├── 0801_1.html
│ ├── 0801_2.html
│ ├── 0801_3.html
│ ├── 0801_4.html
│ ├── 0801_5.html
│ ├── css
│ │ └── spiceFood.css
│ ├── images
│ │ ├── 1.jpg
│ │ ├── 1p.jpg
│ │ ├── 2p.jpg
│ │ ├── 3.jpg
│ │ ├── 3p.png
│ │ ├── 4.jpg
│ │ ├── 4p.jpg
│ │ ├── 5p.jpg
│ │ ├── 6p.jpg
│ │ ├── 7p.jpg
│ │ ├── 8p.jpg
│ │ ├── bag.png
│ │ ├── banner.jpg
│ │ ├── logo.png
│ │ ├── products
│ │ │ ├── small01.jpg
│ │ │ ├── small02.jpg
│ │ │ ├── small03.jpg
│ │ │ ├── small04.jpg
│ │ │ ├── small05.jpg
│ │ │ ├── small06.jpg
│ │ │ ├── small07.jpg
│ │ │ ├── small08.jpg
│ │ │ └── small09.jpg
│ │ ├── search-icon.png
│ │ └── title.jpg
│ └── lib
│ ├── bootstrap
│ │ ├── css
│ │ │ ├── bootstrap-theme.css
│ │ │ ├── bootstrap-theme.css.map
│ │ │ ├── bootstrap-theme.min.css
│ │ │ ├── bootstrap.css
│ │ │ ├── bootstrap.css.map
│ │ │ └── bootstrap.min.css
│ │ ├── fonts
│ │ │ ├── glyphicons-halflings-regular.eot
│ │ │ ├── glyphicons-halflings-regular.svg
│ │ │ ├── glyphicons-halflings-regular.ttf
│ │ │ ├── glyphicons-halflings-regular.woff
│ │ │ └── glyphicons-halflings-regular.woff2
│ │ └── js
│ │ ├── bootstrap.js
│ │ ├── bootstrap.min.js
│ │ └── npm.js
│ └── jquery
│ ├── jquery-1.11.0.js
│ └── jquery-1.11.0.min.js
├── demo8-1.html
├── demo8-10.html
├── demo8-11.html
├── demo8-12.html
├── demo8-13.html
├── demo8-2.html
├── demo8-3.html
├── demo8-4.html
├── demo8-5.html
├── demo8-6.html
├── demo8-7.html
├── demo8-8.html
├── demo8-9.html
├── images
│ └── demo8-13
│ ├── carousel1.jpg
│ ├── carousel2.jpg
│ └── carousel3.jpg
├── lib
│ ├── bootstrap
│ │ ├── css
│ │ │ ├── bootstrap-theme.css
│ │ │ ├── bootstrap-theme.css.map
│ │ │ ├── bootstrap-theme.min.css
│ │ │ ├── bootstrap.css
│ │ │ ├── bootstrap.css.map
│ │ │ └── bootstrap.min.css
│ │ ├── fonts
│ │ │ ├── glyphicons-halflings-regular.eot
│ │ │ ├── glyphicons-halflings-regular.svg
│ │ │ ├── glyphicons-halflings-regular.ttf
│ │ │ ├── glyphicons-halflings-regular.woff
│ │ │ └── glyphicons-halflings-regular.woff2
│ │ └── js
│ │ ├── bootstrap.js
│ │ ├── bootstrap.min.js
│ │ └── npm.js
│ ├── html5shiv
│ │ ├── html5shiv-printshiv.js
│ │ ├── html5shiv-printshiv.min.js
│ │ ├── html5shiv.js
│ │ └── html5shiv.min.js
│ ├── jquery
│ │ ├── jquery-1.11.0.js
│ │ └── jquery-1.11.0.min.js
│ └── respond
│ ├── respond.matchmedia.addListener.min.js
│ ├── respond.matchmedia.addListener.src.js
│ ├── respond.min.js
│ └── respond.src.js
├── template(冲突时的文件备份2016-06-21 08-51-29).html
└── template.html
101 directories, 287 files
标签:
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论