本书从最基本的Bootstrap下载、定制和LESS开始介绍,进而再带您学习栅格系统和基本的CSS样式,这是专门为实现更快、更稳定的网页设计而提供的。本书还介绍了组件、jQuery插件和其他独特的功能,正是因为它们的存在,Bootstrap才成为了构建网页的神奇工具。本书还提供了Bootstrap的技术资源汇总,介绍可以增强Bootstrap功能的各种第三方资源、主题和模板。在本书的结尾,还介绍了如何构建一个强大、流行的电子商务网站,帮助你掌握Bootstrap的实际应用。
历时数月,又一份译稿付梓。一本书的翻译过程,既是对自己英文、技术水平的检验过程,也是帮助自己对某一领域有更深入理解的过程。而此书,就是让我再次感受到Bootstrap的独特魅力—作为一种前端框架,虽然它不能满足你所有的要求,但是,它“开箱即用”,封装了前端开发的大量底层细节,同时又开放灵活,可以满足各种个性需求。凭此两点,就值得我们在选择时多加考虑。更何况,Bootstrap对响应式网页设计有很好的支持,组件非常丰富,也有非常活跃的社区支持……种种优点,不一而足。
不少人总是期望寻找到一种完美的前端框架,既要省时省力,拿来即用,又要足够灵活,随意定制,还要方便重用、功能丰富、开源……其实,前端开发同样没有“银弹”存在,选择适合工程项目类型的框架,或许是前端开发人员所需的基本技能之一。特别是在国内,使用前端框架的思想还没有很好地深入开发人员的心中,不少开发人员仍在做着重复制造轮子的事情,不少团队还陷入前端代码不统一、维护困难、可重用性差、开发周期长的困境中。所以,前端框架的普及任重而道远。假设你已经决定把Bootstrap放入您的前端框架兵器库中,我相信,这本书应该可以让你把这件兵器用得得心应手。本书从最基本的安装和定制开始介绍,详细讲解了Bootstrap中最重要的栅格概念和CSS样式,并把几乎全部的组件都一一呈现出来,而且也不忘对高级的LESS变量、mixin等技术做讲解,算得上是一本全面而深入浅出的技术书籍。特别是最后一章,看似只是资源的汇总,其实是为读者打开了一扇门,藉此通往Bootstrap更为广阔的天地。
封面图
目录
- 译者序
- 作者简介
- 审校者简介
- 前言
- 第1章Bootstrap入门1
- 1.1移动优先的设计1
- 1.2为什么选择Bootstrap3
- 1.3小结6
- 第2章Bootstrap的安装与定制7
- 2.1在HTML文件中包含Bootstrap8
- 2.2Bootstrap CDN10
- 2.3用自定义的CSS进行覆盖12
- 2.4使用Bootstrap定制程序15
- 2.5Bootstrap的深度定制17
- 2.6下载Bootstrap源代码18
- 2.7编译LESS文件20
- 2.7.1使用SimpLESS编译LESS文件21
- 2.7.2使用WinLess编译LESS文件22
- 2.7.3使用命令行编译LESS文件23
- 2.8整合23
- 2.9小结31
- 第3章使用Bootstrap栅格32
- 3.1使用Bootstrap栅格类33
- 3.1.1添加行与列34
- 3.1.2为小型设备定制栅格37
- 3.1.3为列添加偏移39
- 3.1.4推拉列40
- 3.1.5嵌套列42
- 3.2使用Bootstrap变量和mixin44
- 3.2.1Bootstrap栅格变量45
- 3.2.2Bootstrap栅格mixin45
- 3.3使用Bootstrap栅格mixin和变量创建博客布局46
- 3.4小结57
- 第4章使用基本CSS样式58
- 4.1实现Bootstrap基本CSS样式59
- 4.1.1标题59
- 4.1.2页面主体 63
- 4.1.3排版元素64
- 4.1.4表格78
- 4.1.5按钮82
- 4.1.6表单84
- 4.1.7代码88
- 4.1.8图片90
- 4.1.9字体系列91
- 4.1.10字体尺寸92
- 4.2使用LESS变量自定义基本CSS样式93
- 4.3小结97
- 第5章添加Bootstrap组件98
- 5.1组件及其用途99
- 5.1.1字体图标99
- 5.1.2导航标签页102
- 5.1.3胶囊式标签页104
- 5.1.4两端对齐的标签和胶囊式标签105
- 5.1.5下拉菜单106
- 5.1.6导航条108
- 5.1.7路径导航111
- 5.2小结113
- 第6章组件的更多功能114
- 6.1用组件简化网页设计项目115
- 6.1.1巨幕116
- 6.1.2页头117
- 6.1.3well118
- 6.1.4徽章119
- 6.1.5标签120
- 6.1.6进度条121
- 6.1.7面板122
- 6.1.8缩略图125
- 6.1.9分页126
- 6.1.10列表组128
- 6.1.11按钮组129
- 6.1.12按钮工具栏132
- 6.1.13分裂式按钮下拉菜单133
- 6.1.14两端对齐排列的按钮组135
- 6.1.15复选框和单选按钮135
- 6.1.16警告框137
- 6.1.17媒体对象139
- 6.1.18具有响应式特性的嵌入内容140
- 6.2小结143
- 第7章使用JavaScript增强用户体验144
- 7.1使用官方插件简化项目设计145
- 7.1.1工具提示145
- 7.1.2弹出框147
- 7.1.3折叠面板149
- 7.1.4滚动监听152
- 7.1.5模态窗156
- 7.1.6轮播158
- 7.2小结160
- 第8章Bootstrap技术中心—Bootstrap工具介绍161
- 8.1主题和模板162
- 8.1.1开源主题和模板162
- 8.1.2商业主题和模板163
- 8.2现成的资源和插件164
- 8.2.1Font Awesome164
- 8.2.2Bootstrap的Social Buttons165
- 8.2.3Bootstrap Magic165
- 8.2.4Jasny Bootstrap166
- 8.2.5Fuel UX167
- 8.2.6Bootsnipp169
- 8.2.7Bootdey170
- 8.2.8BootBundle172
- 8.2.9Start Bootstrap172
- 8.3开发工具和编辑器173
- 8.3.1Bootply173
- 8.3.2LayoutIt174
- 8.3.3UI Bootstrap175
- 8.3.4Kickstrap175
- 8.3.5ShoeStrap175
- 8.3.6StrapPress175
- 8.3.7Summernote176
- 8.4官方的Bootstrap资源176
- 8.4.1Bootlint176
- 8.4.2Bootstrap with SaaS176
- 8.4.3Bootstrap Expo177
- 8.5小结177