当前位置:主页 > 计算机电子书 > > 前端开发 pdf电子书
Bootstrap Web设计与开发实战

Bootstrap Web设计与开发实战 PDF 清晰完整版

  • 更新:2023-07-26
  • 大小:114.1 MB
  • 类别:前端开发
  • 作者:杨旺功
  • 出版:清华大学出版社
  • 格式:PDF

  • 资源介绍
  • 学习心得
  • 相关内容

Bootstrap Web设计与开发实战》是由清华大学出版社出版的一本关于前端开发方面的书籍,作者是杨旺功,主要介绍了关于Bootstrap、Web设计、开发实战方面的知识内容,目前在前端开发类书籍综合评分为:8.6分。

码农点评

《Bootstrap Web设计与开发实战》是一本全面系统地介绍Bootstrap框架相关技术在Web和移动Web开发领域应用的好书。本书通过提供丰富的示例,深入讲解了Bootstrap框架相关的知识点,帮助读者轻松学会简洁、直观、强悍的前端开发框架。无论是想要学习Bootstrap框架的初学者还是已有一定经验的开发者,都能通过这本书举一反三,加深对Bootstrap的理解,并将其灵活应用于实际项目中。

书籍介绍

Bootstrap Web设计与开发实战

Bootstrap Web设计与开发实战 电子书封面

内容介绍

《Bootstrap Web设计与开发实战》由浅入深,全面、系统、详尽地介绍了Bootstrap框架相关技术在Web和移动Web开发领域的应用。书中提供了大量的代码示例,读者可以通过这些示例深入理解Bootstrap框架相关的知识点,同时还可以举一反三,将这些示例应用到实战项目之中。本书从基本原理到实战应用,几乎涉及了Bootstrap框架Web开发领域的绝大部分内容,是一本集理论与实战的综合性参考书。

本书共15章,分为三篇。第一篇为Bootstrap基础,主要介绍Bootstrap框架的基础知识与开发入门等内容。第二篇为Bootstrap框架,主要介绍了Bootstrap脚手架、Bootstrap样式设计、Bootstrap组件设计、Bootstrap插件设计与Bootstrap多媒体设计等相关的内容。第三篇为Bootstrap实战,详细讲解了如何基于Bootstrap框架开发Web应用的过程与方法,同时还包括整合jQuery UI框架和jQuery Mobile框架开发移动应用的案例。

本书适合所有想全面深入学习Bootstrap框架开发技术的人员阅读,尤其适合正在应用Bootstrap框架做移动应用开发的人员阅读。对于大中专院校相关专业的学生和培训机构的学员,本书也是一本不可多得的参考书。

目录

  • 第1章 Bootstrap从何而来 1
  • 第2章 Bootstrap开发环境 7
  • 第3章 Bootstrap脚手架 20
  • 第4章 Bootstrap样式设计 33
  • 第5章 Bootstrap组件设计 62
  • 第6章 Bootstrap插件设计 94
  • 第7章 Bootstrap响应式多媒体 127
  • 第8章 Bootstrap扁平化风格页面 138
  • 第9章 Bootstrap图片幻灯页面 160
  • 第10章 Bootstrap风格按钮 169
  • 第11章 Bootstrap响应式表格设计 178
  • 第12章 Bootstrap响应式图表设计 186
  • 第13章 jQuery UI Bootstrap工具 199
  • 第14章 jQuery Mobile 框架与Bootstrap主题风格 240
  • 第15章 实战:应用Bootstrap实现一个贴吧管理页面 274

资源获取

资源地址1:https://pan.baidu.com/s/1l25VgvFGSC-2js2r-UF-JA(密码:9jqd)

相关资源

网友留言

网友NO.40337
网友NO.40337

最近使用了目前很火的框架bootstrap来写页面,bootstrap目前已经出到4.0,但是我目前还是在用3.0版本。Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目,bootstrap的使用方法很简单就是在官网下载好相关文档再引进bootstrap.js , jquery.js , bootstrap.css,通过给标签添加相应的类名就可以使用bootstrap里面的css样式,组件,js插件,而且官网还有用于解读的文档和实际引用的例子,bootstrap的类名基本都非常的语义化,再多看官网文档解释是非常容易上手的一个框架,在使用boostrap过程中,发现一个非常好用的东西那就是栅格化系统,栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局, bootstrap 栅格系统的工作原理: “行(row)”必须包含在 .container (固定宽度)或 .container-fluid (100% 宽度)中,以便为其赋予合适的排列(aligment)和内补(padding)。 通过“行(row)”在水平方向创建一组“列(column)”。 你的内容应当放置于“列(column)”内,并且,只有“列(column)”可以作为行(row)”的直接子元素。 类似 .row 和 .col-xs-4 这种预定义的类,可以用来快速创建栅格布局。Bootstrap 源码中定义的 mixin 也可以用来创建语义化的布局。 通过为“列(column)”设置 padding 属性,从而创建列与列之间的间隔(gutter)。通过为 .row 元素设置负值 margin 从而抵消掉为 .container 元素设置的 padding,也就间接为“行(row)”所包含的“列(column)”抵消掉了padding。 负值的 margin就是下面的示例为什么是向外突出的原因。在栅格列中的内容排成一行。 栅格系统中的列是通过指定1到12的值来表示其跨越的范围。例如,三个等宽的列可以使用三个 .col-xs-4 来创建。 如果一“行(row)”中包含了的“列(column)”大于 12,多余的“列(column)”所在的元素将被作为一个整体另起一行排列。 栅格类适用于与屏幕宽度大于或等于分界点大小的设备 , 并且针对小屏幕设备覆盖栅格类。 因此,在元素上应用任何 .col-md-*栅格类适用于与屏幕宽度大于或等于分界点大小的设备 , 并且针对小屏幕设备覆盖栅格类。 因此,在元素上应用任何 .col-lg-*不存在, 也影响大屏幕设备。当然bootstrap的强大功能远远不止这些,就不一一列举。总的来说bootstrap不太适合做那些页面布局很复杂,内容较多,特别炫酷的网站,因为引用bootstrap要改css样式,组件,插件太多了,还容易造成代码混乱,还不如直接不用更快,特别是对于新手前端工程师是来说更不推荐使用,但是它很适合做那些企业内部的网站,一般此类网站不会对页面的布局没有过多的要求,只要体现主要功能即可,bootstrap就完全是切合此类网站的特性。