当前位置:主页 > 书籍配套资源 > Bootstrap配套资源
《Bootstrap实战》源代码

《Bootstrap实战》源代码

  • 更新:2022-04-11
  • 大小:11 MB
  • 类别:Bootstrap
  • 作者:成林
  • 出版:机械工业出版社
  • 格式:PDF

  • 资源介绍
  • 相关推荐

本书由国内资深前端工程师撰写,是国内第一本关于BootStrap的原创著作,也是目前国际上内容最为全面和深入的一本BootStrap专著。它不仅系统讲解了BootStrap的各项功能和使用方法,详细讲解了BootStrap的组件、插件和扩展技术,而且深度解析了BootStrap的内核源代码。内容实战性很强,不仅为各个知识点精心设计了辅助说明问题的小案例,而且还包含一个综合性的大案例,不仅能满足读者系统学习理论知识的需求,还能满足需要充分实践的需求。

全书一共10章:第1章和第2章介绍了BootStrap的构成组件、功能特色、开发工具、应用情况,以及它的下载和应用解析;第3章对BootStrap框架进行了解析,包含全局样式表、栅格系统、布局、响应式设计等内容;第4章讲解了CSS样式的优化,包含页面排版优化、表格设计优化、表单设计优化、按钮设计,以及图片和图标的设计等内容;第5~8章则分别讲解了动态CSS 样式LESS的特性和使用、各种BootStrap组件的特性和使用、各种BootStrap插件的特性和使用、BootStrap的扩展等内容;第9章逐步讲解了利用BootStrap开发一个社区分享网站的全部流程和方法,是一个综合性的大案例;第10章则对BootStrap的内核源代码进行了深入的分析。

封面图

目录

  • 前言
  • 第1章为什么要学习Bootstrap1
  • 1.1Bootstrap概述2
  • 1.1.1Bootstrap的历史2
  • 1.1.2选择Bootstrap的理由3
  • 1.1.3一位程序员的话4
  • 1.1.4Bootstrap构成模块5
  • 1.2Bootstrap功能介绍7
  • 1.2.1Bootstrap主要特色7
  • 1.2.2Bootstrap主要功能8
  • 1.3Bootstrap应用项目赏析9
  • 1.3.1Bootstrap优秀网站10
  • 1.3.2Bootstrap优秀插件11
  • 1.4Bootstrap版本变化12
  • 1.5Bootstrap开发工具和参考资源16
  • 1.5.1Bootstrap开发工具16
  • 1.5.2Bootstrap参考资源16
  • 第2章使用Bootstrap的准备18
  • 2.1下载和定制Bootstrap19
  • 2.1.1下载Bootstrap19
  • 2.1.2定制Bootstrap20
  • 2.2Bootstrap的文件结构24
  • 2.2.1源码版Bootstrap文件结构24
  • 2.2.2编译版Bootstrap文件结构26
  • 2.3Bootstrap应用解析27
  • 2.3.1安装Bootstrap27
  • 2.3.2Bootstrap架构解析28
  • 2.3.3设计Bootstrap网页模板28
  • 2.4开发第一个Bootstrap示例30
  • 2.4.1设计交互组件30
  • 2.4.2设计页面版式31
  • 第3章Bootstrap框架解析36
  • 3.1设计全局样式表37
  • 3.1.1CSS全局样式设计思路37
  • 3.1.2CSS规范和样式重用39
  • 3.1.3CSS重设41
  • 3.2栅格系统43
  • 3.2.1网页栅格系统的设计技法43
  • 3.2.2解析960栅格系统46
  • 3.2.3Bootstrap栅格系统50
  • 3.2.4响应式Bootstrap栅格系统54
  • 3.3Bootstrap布局58
  • 3.3.1固定式布局58
  • 3.3.2流式布局59
  • 3.3.3布局嵌套60
  • 3.4响应式设计61
  • 3.4.1什么是响应式设计61
  • 3.4.2设计响应式图片64
  • 3.4.3设计响应式布局结构67
  • 3.4.4自适应显示/隐藏页面内容72
  • 3.4.5响应式设计流程和实战76
  • 3.4.6响应式Bootstrap81
  • 第4章优化CSS样式84
  • 4.1页面排版优化85
  • 4.1.1标题和字体风格85
  • 4.1.2文本强调风格88
  • 4.1.3文本对齐风格90
  • 4.1.4缩略语风格90
  • 4.1.5地址风格91
  • 4.1.6引用风格91
  • 4.1.7列表风格93
  • 4.1.8代码风格95
  • 4.2表格优化设计98
  • 4.2.1优化表格结构98
  • 4.2.2默认风格98
  • 4.2.3表格个性风格100
  • 4.2.4表格行风格102
  • 4.3表单优化设计103
  • 4.3.1Bootstrap支持的表单控件103
  • 4.3.2Bootstrap扩展的表单组件106
  • 4.3.3默认风格109
  • 4.3.4布局风格110
  • 4.3.5外观风格111
  • 4.3.6状态风格115
  • 4.4按钮设计117
  • 4.4.1默认风格117
  • 4.4.2定制风格119
  • 4.4.3状态风格120
  • 4.5图片和图标设计121
  • 4.5.1图片风格121
  • 4.5.2图标风格122
  • 第5章CSS动态样式——LESS126
  • 5.1为什么要使用LESS127
  • 5.1.1LESS概述127
  • 5.1.2LESS的优势127
  • 5.1.3LESS参考和工具128
  • 5.2如何使用LESS130
  • 5.2.1在客户端使用LESS130
  • 5.2.2在服务器端使用LESS134
  • 5.3LESS包含哪些内容140
  • 5.3.1LESS基本特性140
  • 5.3.2LESS主要功能143
  • 5.3.3LESS和SASS143
  • 5.4LESS动态语法145
  • 5.4.1变量145
  • 5.4.2混合146
  • 5.4.3参数混合146
  • 5.4.4模式匹配148
  • 5.4.5条件表达式151
  • 5.4.6嵌套规则154
  • 5.4.7运算156
  • 5.4.8颜色函数156
  • 5.4.9数学函数158
  • 5.4.10作用域158
  • 5.4.11命名空间159
  • 5.4.12注释160
  • 5.4.13导入161
  • 5.4.14字符串插值161
  • 5.4.15转义字符161
  • 5.4.16JavaScript表达式162
  • 5.5Bootstrap与LESS结合163
  • 5.5.1基于LESS的Bootstrap163
  • 5.5.2Bootstrap变量164
  • 5.5.3Bootstrap混合169
  • 第6章使用Bootstrap组件173
  • 6.1下拉菜单174
  • 6.1.1快速体验下拉菜单174
  • 6.1.2设计下拉菜单177
  • 6.1.3设计多级下拉菜单178
  • 6.1.4设置下拉菜单选项179
  • 6.2按钮组182
  • 6.2.1设计按钮组182
  • 6.2.2设计按钮导航条183
  • 6.2.3设计按钮布局183
  • 6.3按钮式下拉菜单184
  • 6.3.1设计按钮式下拉菜单184
  • 6.3.2设计分隔样式185
  • 6.3.3设计按钮式下拉菜单布局185
  • 6.4导航186
  • 6.4.1设计导航组件186
  • 6.4.2设置导航选项187
  • 6.4.3绑定导航和下拉菜单189
  • 6.4.4设计导航列表190
  • 6.4.5激活标签页191
  • 6.4.6设计标签页布局193
  • 6.5导航条194
  • 6.5.1设计导航条194
  • 6.5.2绑定表单和下拉菜单196
  • 6.5.3导航条布局198
  • 6.6面包屑和分页201
  • 6.6.1设计面包屑202
  • 6.6.2设计分页组件203
  • 6.6.3设置分页选项204
  • 6.6.4设计翻页组件206
  • 6.7标签与徽章207
  • 6.8缩略图209
  • 6.8.1关于图像占位符209
  • 6.8.2设计缩略图210
  • 6.9警告框213
  • 6.9.1设计警告框213
  • 6.9.2添加关闭按钮215
  • 6.10进度条215
  • 6.10.1设计进度条216
  • 6.10.2设置个性进度条217
  • 6.11媒体218
  • 6.11.1媒体版式218
  • 6.11.2媒体列表219
  • 6.12版式220
  • 6.12.1Hero区块220
  • 6.12.2页面标题221
  • 6.13其他组件222
  • 6.13.1Well222
  • 6.13.2关闭图标223
  • 6.13.3辅助类223
  • 第7章使用Bootstrap插件224
  • 7.1JavaScript插件开发概述225
  • 7.1.1使用Bootstrap插件225
  • 7.1.2过渡效果227
  • 7.2模态对话框228
  • 7.2.1设计对话框228
  • 7.2.2调用对话框230
  • 7.2.3应用对话框232
  • 7.3下拉项234
  • 7.4滚动监听235
  • 7.4.1使用滚动监听插件236
  • 7.4.2控制滚动监听239
  • 7.5标签页241
  • 7.5.1使用标签页插件241
  • 7.5.2控制标签页插件243
  • 7.6工具提示244
  • 7.6.1使用工具提示插件245
  • 7.6.2控制工具提示插件246
  • 7.7弹出提示247
  • 7.7.1使用弹出提示插件248
  • 7.7.2控制弹出提示插件249
  • 7.8警告框251
  • 7.9按钮253
  • 7.10折叠256
  • 7.10.1使用折叠插件256
  • 7.10.2控制折叠插件259
  • 7.11轮播262
  • 7.11.1使用轮播插件262
  • 7.11.2控制轮播插件264
  • 7.12输入提示268
  • 7.13附加导航270
  • 第8章Bootstrap扩展274
  • 8.1针对IE6、IE7的Bootstrap扩展275
  • 8.1.1使用Bsie插件276
  • 8.1.2手动修补Bsie277
  • 8.2Bootstrap Metro278
  • 8.3颜色选择器282
  • 8.3.1使用颜色选择器282
  • 8.3.2配置颜色选择器283
  • 8.4日期选择器286
  • 8.4.1使用日期选择器286
  • 8.4.2配置日期选择器287
  • 8.5jQuery UI Bootstrap293
  • 第9章使用Bootstrap快速开发社区分享网站300
  • 9.1准备工作301
  • 9.1.1定制Bootstrap301
  • 9.1.2初始化Bootstrap302
  • 9.2首页设计303
  • 9.2.1设计思路303
  • 9.2.2设计结构305
  • 9.2.3设计主菜单和按钮306
  • 9.2.4设计轮播广告位308
  • 9.2.5设计新闻区和版权区版式311
  • 9.3阅读页设计312
  • 9.3.1设计响应式主菜单313
  • 9.3.2设计附加导航菜单314
  • 9.3.3设计页面版式315
  • 9.4小组页设计317
  • 9.5打卡页设计320
  • 9.5.1设计页面栅格系统320
  • 9.5.2设计滚动监听和附加导航322
  • 9.6词根页设计323
  • 第10章Bootstrap内核解码326
  • 10.1定义jQuery插件327
  • 10.1.1jQuery插件形式327
  • 10.1.2jQuery插件规范327
  • 10.1.3jQuery插件封装329
  • 10.1.4jQuery插件优化331
  • 10.2Bootstrap设计思想336
  • 10.2.1类型化336
  • 10.2.2松散与耦合处理338
  • 10.2.3继承和可扩展性340
  • 10.3Bootstrap框架解析342
  • 10.3.1源码结构342
  • 10.3.2类定义343
  • 10.3.3插件定义345
  • 10.3.4命名冲突解决347
  • 10.3.5数据接口347
  • 10.4Bootstrap内核解疑347
  • 10.4.1封装形式348
  • 10.4.2启用严格模式349
  • 10.4.3插件中的this353

资源下载

资源下载地址1:https://pan.baidu.com/s/1OUg8JwiBhi0wI67xqXs-UQ

相关资源

网友留言