最新版Bootstrap5教程——Bootstrap5基础，前端高级工程师进阶学习—前端热修复原理

• • Bootstrap5简介

• Bootstrap5下载

Bootstrap5简介

---

Bootstrap是由推特设计师Mark Otto和Jacob Thornton合作开发的一款基于HTML、CSS、JavaScript的前端开源框架，使用简洁灵活，让web开发更加快速简单。

Bootstrap现在最新的版本为v5.2.0-beta1，现在介绍一下Bootstrap5相对于以前版本的改变。

（1）不在支持internet explorer10和internet explorer11。节省了很多为兼容而写的代码，同时也可以更好的运用html5和css3的一些新特征。

（2）不再依赖jQuery。jQuery优点很多，更能也很强大，但是对于一些小项目而言，jQuery大大的增加了源码包的大小。Bootstrap5不再依赖jQuery，可以大大的减小Bootstrap的源码包大小。当然，这里说的不再依赖是说jQuery不再是必须的，如果你需要jQuery，依然可以单独引入，另外单独引入的话你还可以直接使用最新版本的jQuery，而不是Bootstrap配套的版本。

（3）优化了各个组件的外观，包括调色板、字体等，使设计的网站变得更加好看。

（4）增加了很多组件，现在基本上设计网页的常用组件都能找到了，网页设计变得不要太轻松了，简单复制、粘贴、修改以下文字，拼凑起来即可。

（5）体积大大减小。完整编译版仅1M多。如果你很在意软件包大小，完全可以将bootstrap.min.css和bootstrap.bundle.min.js提取出来，总共不到100k，目前没发现任何问题。

Bootstrap5下载

---

下载传送门：下载 Bootstrap v5.2.0-beta1

下载完成后，进行解压，直接放入自己的项目目录下使用即可。或者更简单的做法是：分别将css和js目录下的bootstrap.min.css和bootstrap.bundle.min.js引入使用即可，如图所示：

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

html5