实例介绍
响应式网页设计:Bootstrap开发速成的配套资源,提供120多个Bootstrap功能范例网页文件,说明如何使用Bootstrap框架所提供的各种CSS与组件等内容,最终以3个完整实例(书籍宣传网页、产品推广网页、网站首页)制作出响应式网页,以让大家综合运用所学知识,提高实战技能。
【实例截图】
【核心代码】
16359647498071458351.rar
└── 范例文件
├── bootstrap
│ ├── css
│ │ ├── bootstrap.css
│ │ ├── bootstrap.css.map
│ │ ├── bootstrap.min.css
│ │ ├── bootstrap-theme.css
│ │ ├── bootstrap-theme.css.map
│ │ └── bootstrap-theme.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
│ ├── jquery-1.11.2.min.js
│ ├── jquery-3.1.0.min.js
│ └── npm.js
├── ch10
│ ├── ch10.1.1
│ │ ├── headings_class.html
│ │ ├── headings.html
│ │ └── small.html
│ ├── ch10.1.2
│ │ ├── lead.html
│ │ └── P.html
│ ├── ch10.1.3
│ │ ├── del.html
│ │ ├── em.html
│ │ ├── ins.html
│ │ ├── mark.html
│ │ ├── s.html
│ │ ├── small.html
│ │ ├── strong.html
│ │ └── u.html
│ ├── ch10.1.4
│ │ └── alignment.html
│ ├── ch10.1.5
│ │ └── transformation.html
│ ├── ch10.1.6
│ │ └── address.html
│ ├── ch10.1.7
│ │ ├── blockquote_footer.html
│ │ ├── blockquote.html
│ │ ├── blockquote_q.html
│ │ └── blockquote_reverse.html
│ ├── ch10.1.8
│ │ ├── description horizontal.html
│ │ ├── description.html
│ │ ├── inline.html
│ │ ├── ordered.html
│ │ ├── unordered.html
│ │ └── unstyled.html
│ ├── ch10.2
│ │ ├── bordered table.html
│ │ ├── condensed table.html
│ │ ├── contextual classes.html
│ │ ├── example.html
│ │ ├── hover rows.html
│ │ ├── responsive tables.html
│ │ └── striped rows.html
│ ├── ch10.3
│ │ ├── checkboxes.html
│ │ ├── disabled state.html
│ │ ├── example.html
│ │ ├── focus state.html
│ │ ├── horizontal form.html
│ │ ├── inline checkboxes and radios.html
│ │ ├── inline form.html
│ │ ├── input.html
│ │ ├── radios.html
│ │ ├── radios selects.html
│ │ ├── readonly state.html
│ │ ├── selects multiple.html
│ │ ├── textarea.html
│ │ ├── validation states.html
│ │ └── with optional icons.html
│ ├── ch10.4
│ │ ├── active state anchor element.html
│ │ ├── active state button element.html
│ │ ├── button tags.html
│ │ ├── disabled state anchor element.html
│ │ ├── disabled state button element.html
│ │ ├── options.html
│ │ └── sizes.html
│ └── ch10.5
│ ├── image shapes.html
│ ├── logo.png
│ ├── logo_small.png
│ └── responsive images.html
├── ch11
│ ├── ch11.1
│ │ └── example.html
│ ├── ch11.10
│ │ ├── example final.html
│ │ ├── example.html
│ │ └── logo.jpg
│ ├── ch11.11
│ │ ├── animated.html
│ │ ├── contextual alternatives.html
│ │ ├── example final.html
│ │ ├── example.html
│ │ ├── stacked.html
│ │ └── striped.html
│ ├── ch11.12
│ │ ├── contextual alternatives.html
│ │ ├── example final.html
│ │ ├── example.html
│ │ ├── panel with footer.html
│ │ └── panel with heading.html
│ ├── ch11.13
│ │ └── example.html
│ ├── ch11.2
│ │ ├── alignment.html
│ │ ├── disabled menu items.html
│ │ ├── divider.html
│ │ ├── example final.html
│ │ ├── example.html
│ │ └── headers.html
│ ├── ch11.3
│ │ ├── button toolbar.html
│ │ ├── example final.html
│ │ ├── example.html
│ │ ├── justified button groups.html
│ │ ├── nesting.html
│ │ ├── sizing.html
│ │ └── vertical variation.html
│ ├── ch11.4
│ │ ├── button addons.html
│ │ ├── checkboxes and radio addons.html
│ │ ├── dropdown.html
│ │ ├── example final.html
│ │ ├── example.html
│ │ └── sizing.html
│ ├── ch11.5
│ │ ├── disabled links.html
│ │ ├── example fFinal.html
│ │ ├── example.html
│ │ ├── justified.html
│ │ ├── pills.html
│ │ └── stacked.html
│ ├── ch11.6
│ │ ├── component alignment.html
│ │ ├── example final.html
│ │ ├── example.html
│ │ ├── fixed to bottom.html
│ │ ├── fixed to top.html
│ │ ├── inverted navbar.html
│ │ └── static top.html
│ ├── ch11.7
│ │ ├── disabled.html
│ │ ├── example final.html
│ │ ├── example.html
│ │ ├── pager aligned links.html
│ │ ├── pager.html
│ │ └── sizing pagination.html
│ ├── ch11.8
│ │ ├── example final.html
│ │ └── example.html
│ └── ch11.9
│ ├── example final.html
│ └── example.html
├── ch12
│ ├── ch12.2
│ │ ├── example_Final.html
│ │ ├── example.html
│ │ └── fade.html
│ ├── ch12.3
│ │ ├── example.html
│ │ └── examples_Final.html
│ ├── ch12.4
│ │ ├── example_Final.html
│ │ └── example.html
│ ├── ch12.5
│ │ ├── example_Final.html
│ │ └── example.html
│ └── ch12.6
│ ├── android-studio-banner.jpg
│ ├── example_Final.html
│ ├── example.html
│ ├── gamesalad-banner.jpg
│ └── google-web-design-banner.jpg
├── ch13
│ ├── bootstrap
│ │ ├── css
│ │ │ ├── bootstrap.css
│ │ │ ├── bootstrap.css.map
│ │ │ ├── bootstrap.min.css
│ │ │ ├── bootstrap-theme.css
│ │ │ ├── bootstrap-theme.css.map
│ │ │ └── bootstrap-theme.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
│ │ ├── jquery-1.11.2.min.js
│ │ ├── jquery-3.1.0.min.js
│ │ └── npm.js
│ ├── css语句.docx
│ ├── images
│ │ ├── background.jpg
│ │ ├── getImage.jpg
│ │ ├── logo.png
│ │ ├── title.png
│ │ └── title - 备份.png
│ ├── index_Exercise.html
│ ├── index_Final.html
│ ├── 文字內容.docx
│ ├── 视频嵌入语句.docx
│ └── 超链接.docx
├── ch14
│ ├── bootstrap
│ │ ├── css
│ │ │ ├── bootstrap.css
│ │ │ ├── bootstrap.css.map
│ │ │ ├── bootstrap.min.css
│ │ │ ├── bootstrap-theme.css
│ │ │ ├── bootstrap-theme.css.map
│ │ │ └── bootstrap-theme.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
│ │ ├── jquery-1.11.2.min.js
│ │ ├── jquery-3.1.0.min.js
│ │ └── npm.js
│ ├── css
│ │ ├── bootstrap.css
│ │ ├── bootstrap.css.map
│ │ ├── bootstrap.min.css
│ │ ├── bootstrap-theme.css
│ │ ├── bootstrap-theme.css.map
│ │ ├── bootstrap-theme.min.css
│ │ └── style.css
│ ├── images
│ │ ├── background.jpg
│ │ ├── banner.jpg
│ │ ├── footer.png
│ │ ├── img_step1.jpg
│ │ ├── img_step2.jpg
│ │ ├── img_step3.jpg
│ │ ├── img_step4.jpg
│ │ └── love.png
│ ├── index_Exercise.html
│ ├── index_Final.html
│ ├── index_trial.html
│ └── 窗体.docx
├── ch15
│ ├── css
│ │ ├── bootstrap.css
│ │ ├── bootstrap.css.map
│ │ ├── bootstrap.min.css
│ │ ├── bootstrap.min.css.map
│ │ ├── bootstrap-theme.css
│ │ ├── bootstrap-theme.css.map
│ │ ├── bootstrap-theme.min.css
│ │ ├── bootstrap-theme.min.css.map
│ │ ├── style.css
│ │ └── style_Final.css
│ ├── fonts
│ │ ├── glyphicons-halflings-regular.eot
│ │ ├── glyphicons-halflings-regular.svg
│ │ ├── glyphicons-halflings-regular.ttf
│ │ ├── glyphicons-halflings-regular.woff
│ │ └── glyphicons-halflings-regular.woff2
│ ├── images
│ │ ├── ad.jpg
│ │ ├── adTile.jpg
│ │ ├── CourseImg1.jpg
│ │ ├── CourseImg2.jpg
│ │ ├── CourseImg3.jpg
│ │ ├── CourseImg4.jpg
│ │ ├── CourseShareTitle.jpg
│ │ ├── fb.jpg
│ │ ├── logo.jpg
│ │ ├── mail.jpg
│ │ ├── newTile.jpg
│ │ ├── slide1.jpg
│ │ ├── slide2.jpg
│ │ ├── to-top1.png
│ │ └── youtube.jpg
│ ├── index_Exercise.html
│ ├── index_Final.html
│ ├── index_trial.html
│ ├── js
│ │ ├── bootstrap.js
│ │ ├── bootstrap.min.js
│ │ ├── easing.js
│ │ ├── jquery-3.1.0.min.js
│ │ ├── move-top.js
│ │ └── npm.js
│ ├── 导航栏nav.doc
│ ├── 折叠collapse.doc
│ ├── 轮播carousel.doc
│ └── 辅助按钮.doc
└── ch2
├── css
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap.min.css.map
│ ├── bootstrap-theme.css
│ ├── bootstrap-theme.css.map
│ ├── bootstrap-theme.min.css
│ └── bootstrap-theme.min.css.map
├── fonts
│ ├── glyphicons-halflings-regular.eot
│ ├── glyphicons-halflings-regular.svg
│ ├── glyphicons-halflings-regular.ttf
│ ├── glyphicons-halflings-regular.woff
│ └── glyphicons-halflings-regular.woff2
├── index.html
└── js
├── bootstrap.js
├── bootstrap.min.js
├── jquery-3.1.0.min.js
└── npm.js
60 directories, 270 files
标签:
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论