Bootstrap基础教程
上QQ阅读APP看书,第一时间看更新

前言

Bootstrap来自Twitter,由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是目前很受欢迎的前端开发框架。Bootstrap基于HTML、CSS、JavaScript,使用简洁灵活,让Web开发变得更加快捷。Bootstrap提供了HTML和CSS规范,由动态CSS语言Less编写而成。Bootstrap一经推出就颇受欢迎,一直是GitHub上的热门开源项目,NASA(美国航空航天局)和MSNBC (微软全国广播公司)的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。

Bootstrap是2011年8月在GitHub上发布的开源产品。目前使用较广的是版本2和版本3,其中Bootstrap 2的最新版本是2.3.2, Bootstrap 3的最新版本是3.3.7。2015年8月下旬, Bootstrap四周岁之际,Bootstrap团队发布了Bootstrap 4alpha版;2017年8月10日发布了Bootstrap 4beta版。本书以Bootstrap 3.3.7为基础进行讲解。

本书作者在总结多年前端开发经验和多年讲授HTML、Bootstrap课程的经验与体会的基础上,参考大量国内外相关文献和网站,完成了本书的编写工作。

全书内容简明易懂,循序渐进,实例丰富实用,每个知识点都结合具体实例来展示其效果。每章最后还配有综合案例。全书共8章。

第1章介绍Bootstrap的下载、文件结构以及如何使用模板等内容。

第2章介绍Bootstrap框架中响应式布局系统——栅格。

第3章介绍Bootstrap中的排版标签元素。

第4章介绍Bootstrap中比较重要的CSS组件——表单。

第5章讲解Bootstrap中的其他CSS组件,如导航条、面板、下拉菜单、列表组等。

第6章讲解Bootstrap框架中各JavaScript插件的使用,包括触发、属性、方法、事件。

第7章介绍常用的第三方扩展组件,包括Buttons插件、FontAwesome字体图标、日期时间选择器DateTimePicker、Flat UI组件包。

第8章以一个综合案例详细讲解如何从零开始搭建一个具体的Bootstrap网站。

附录A介绍Less和Sass的基本使用,附录B介绍所有的CSS选择器的含义。

本书由武汉软件工程职业学院的赵丙秀、张松慧担任主编,江平、孙琳担任副主编,董宁担任主审。参与本书编写工作的还有武汉软件工程职业学院的李唯、陈丹、吴海天、李文蕙、汪晓青、程永恒等长期教授前端设计课程、具有丰富教学经验的一线教师。全书由赵丙秀、董宁审校。

本书除了可用作高等院校计算机专业的教材和参考书外,还兼顾一般读者,可作为计算机从业人员的参考书,适合前端框架设计爱好者。本书适合从未接触过Bootstrap技术的读者。如果具有一定的HTML、CSS、JavaScript基础知识和开发经验,那么更容易掌握本书内容。

在本书的编写过程中,参考和引用了许多专家、学者的著作和论文,在文中未能一一注明。在此谨向相关参考文献的作者表示衷心的谢意。限于编者的水平,本书难免存在不足和不当之处,恳请读者批评指正。作者E-mail:sonyxiu@163.com。