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

发表于 分类于 ， ， 阅读时长 ≈ 1 分钟

一 概述

  • 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