Web前端学习 第4章 jQuery 5 bootstrap概述

一、bootstrap概述

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。使用Bootstrap，可以使我们的开发更快捷方便

在使用bootstrap之前，先来说说bootstrap的优势。

• 提供漂亮的UI组件，让不懂设计的前端工程师也能做出漂亮的网页。
• 提供便捷的响应式布局功能，让开发者用更少的代码实现响应式页面。
• 是世界上流行的构建响应式移动优先站点的框架，具有BootstrapCDN和模板启动页面

二、下载bootstrap

bootstrap下载地址

一、进入bootstrap官网后大家可以看见有很多bootstrap的版本，这里我们就下载bootstrap3就可以了。

二、 点开文档以后大家可以直观的看的下载bootstrap我们点击进入。

三、 进入以后我们看见有生产环境的bootstrap还有bootstrap的源码，我们下载生产环境的就可以了。

四、 下载会形成一个解压包，大家解压到本地就可以了。

三、常用功能

常用样式

bootstrap常用样式大家可以参考官方相应的文档即可。

常用组件

bootstrap常用组件大家可以参考官方相应的文档即可。

常用插件

bootstrap常用插件大家可以参考官方相应的文档即可。

栅格系统

栅格系统基于css大家参考官方相应文档即可。

四、注意事项

如果在已有项目中添加bootstrap，可能会引入新的问题。

五、课后练习

使用bootstrap制作一个响应式页面。