在好例子网,分享、交流、成长!
您当前所在位置:首页Others 开发实例一般编程问题 → 响应式网页设计:Bootstrap开发速成的配套资源

响应式网页设计:Bootstrap开发速成的配套资源

一般编程问题

下载此实例
  • 开发语言:Others
  • 实例大小:4.11M
  • 下载次数:5
  • 浏览次数:76
  • 发布时间:2021-11-16
  • 实例类别:一般编程问题
  • 发 布 人:js2021
  • 文件格式:.rar
  • 所需积分:2
 

实例介绍

【实例简介】
响应式网页设计: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

标签:

实例下载地址

响应式网页设计:Bootstrap开发速成的配套资源

不能下载?内容有错? 点击这里报错 + 投诉 + 提问

好例子网口号:伸出你的我的手 — 分享

网友评论

发表评论

(您的评论需要经过审核才能显示)

查看所有0条评论>>

小贴士

感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。

  • 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
  • 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
  • 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
  • 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。

关于好例子网

本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明

;
报警