一、bootstrap概述
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。使用Bootstrap,可以使我们的开发更快捷方便
在使用bootstrap之前,先来说说bootstrap的优势。
- 提供漂亮的UI组件,让不懂设计的前端工程师也能做出漂亮的网页。
- 提供便捷的响应式布局功能,让开发者用更少的代码实现响应式页面。
- 是世界上流行的构建响应式移动优先站点的框架,具有BootstrapCDN和模板启动页面
二、下载bootstrap
bootstrap下载地址
一、进入bootstrap官网后大家可以看见有很多bootstrap的版本,这里我们就下载bootstrap3就可以了。
二、 点开文档以后大家可以直观的看的下载bootstrap我们点击进入。
三、 进入以后我们看见有生产环境的bootstrap还有bootstrap的源码,我们下载生产环境的就可以了。
四、 下载会形成一个解压包,大家解压到本地就可以了。
三、常用功能
常用样式
bootstrap常用样式大家可以参考官方相应的文档即可。
常用组件
bootstrap常用组件大家可以参考官方相应的文档即可。
常用插件
bootstrap常用插件大家可以参考官方相应的文档即可。
栅格系统
栅格系统基于css大家参考官方相应文档即可。
四、注意事项
如果在已有项目中添加bootstrap,可能会引入新的问题。
五、课后练习
使用bootstrap制作一个响应式页面。