Bootstrap开发之——Bootstrap简介(01)

一 概述

• Bootstrap概念
• 学习前需要具备知识
• 查阅Bootstrap文档
• Bootstrap各版本有什么不同

二 Bootstrap概念

• Bootstrap是一个使用HTML、CSS和JavaScript框架的前端开发框架
• Bootstrap 是全球最受欢迎的前端框架，用于构建响应式、移动设备优先的网站
• 简洁、直观、强悍的前端开发框架，让web开发更迅速、简单

三 学习前需要具备知识

• HTML
• CSS
• JavaScript

四 查阅Bootstrap文档

名称	图示	网址
Bootstrap2	Bootstrap2	Bootstrap2
Bootstrap3	Bootstrap3	Bootstrap3
Bootstrap4	Bootstrap4	Bootstrap4
Bootstrap5		Bootstrap5

五 Bootstrap各版本有什么不同

5.1 Bootstrap 2

• 针对桌面端设计；
• 包含基本的 CSS、JS 组件，比较简单；
• 没有响应式布局；
• 需要兼容 IE6

5.2 Bootstrap 3

• 添加了响应式布局，支持移动设备；
• 扁平化设计，比较简洁明了；
• 可以配合 SASS、LESS 等预处理器使用，增加了定制化选项；
• 支持 IE8+

5.3 Bootstrap 4

• 改进了组件和样式，添加了新的组件；
• 使用了更少的代码，加载速度更快、易于定制；
• 可以自定义网格系统；
• 支持 IE9+

5.4 Bootstrap 5

• 支持更多的现代浏览器，而 IE 系列并不再支持；
• 移除了 jQuery 依赖；
• 优化了网格系统和排版；
• 更轻量级，代码更加简洁

六 参考

• Bootstrap2
• Bootstrap3
• Bootstrap4
• Bootstrap5