Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。
2011年,twitter的“一小撮”工程师为了提高他们内部的分析和管理能力,用业余时间为他们的产品构建了一套易用、优雅、灵活、可扩展的前端工具集—BootStrap。Bootstrap由MARK OTTO和Jacob Thornton所设计和建立,在github上开源之后,迅速成为该站上最多人watch&fork的项目。大量工程师踊跃为该项目贡献代码,社区惊人地活跃,代码版本进化非常快速,官方文档质量极其高(可以说是优雅),同时涌现了许多基于Bootstrap建设的网站:界面清新、简洁;要素排版利落大方。

Bootstrap 特点:
简单灵活可用于架构流行的用户界面和交互接口的html、css、javascript工具集。
基于html5、css3的bootstrap,具有大量的诱人特性:友好的学习曲线,卓越的兼容性,响应式设计,12列格网,样式向导文档。
自定义JQuery插件,完整的类库,基于Less等

BootStrap优势:
Bootstrap 响应式布局设计,让一个网站可以兼容不同分辨率的设备。
Bootstrap响应式布局设计,给用户提供更好的视觉使用体验。
丰富的组件

本书结构

第一章 “BootStrap认知”,讲解了BootStrap的历史以及BootStrap的使用方式,它们能快速帮助你上手BootStrap的开发。学习BootStrap的基本模板,有助于写出更规范的代码。

第二章 “BootStrap的基本使用”,讲解了BootStrap中模块的使用方案。BootStrap中基本的结构嵌套以及不同的嵌套方式所带来的不同的效果。

第三章 “BootStrap栅格系统”,讲解了BootStrap中核心技术栅格系统的详细使用方法,帮助开发者快速创建响应式布局方案。

第四章 “BootStrap内置工具”,讲解了BootStrap中内置的工具CSS,包括边框设置、浮动清除等,帮助开发者在开发过程中快速掌握网页中的工具类,并在网页布局的过程中加快开发速度。

第五章 “BootStrap基本CSS样式”,讲解了BootStrap中对基本CSS的内容定义,了解BootStrap中基本CSS样式,有助于在开发中快速完成网页的布局。

第六章 “BootStrap组件”,与BootStrap3不同,BootStrap4中添加了大量的JS特效在组件中。所以,组件中不仅仅有常用的CSS组件,还有JS相关的操作。

准备工作

为学习本书,你可以准备下自己的开发环境。当然,整个开发环境都特别简单,我们仅仅需要安装简单的几个软件就可以开始了。
首先我们需要选择一个趁手的浏览器,请从下面二选一:
Chrome
FireFox
其次我们需要安装一个趁手的代码编辑工具,请从下面二选一:
VSCode
Sublime

读者对象

本书的目标读者包括计算机科学专业的学生,刚刚学习了HTML CSS的开发人员,以及想要快速搭建前端网页的后端开发人员。

电子版

扫描下方二维码,即可阅读电子版图书。
1563976727.png

最终项目

学习完本书后,我们便可以完成下列网站的布局与开发
企业官方网站
项目源码 http://182.254.154.169/temp.zip