Bootstrap5教程

Bootstrap5简介

Bootstrap5目前是Bootstrap的最新版本，是一套用于HTML、CSS 和 JS 开发的开源工具集。它支持 Sass 变量和 mixins、响应式网格系统、大量的预建组件和强大的 JavaScript 插件，助你快速设计和自定义响应式、移动设备优先的站点。

Bootstrap5新特征

1、放弃了对 jQuery 的依赖，需要 dom 操作的，也改为原生方法，比如：querySelector。
2、放弃了对 IE 浏览器的支持，没有了这个包袱，也能轻装上阵，用上一些比较新的 CSS 特性。
3、更新表单控件。
4、网格的调整，添加了 gutter 的支持。
5、增加了 offcanvas 组件，方便把菜单栏展示在页面左侧。
6、RTL 支持，这是对一些从右到左书写的文字支持。比如阿拉伯语。
7、data 属性命名空间修改，从 data-* 改为 data-bs-*，中间多了 bs，避免属性冲突。
8、Popper v1.x 升级到 Popper v2.x。
9、增加了 xxl container，container-xxl 对应的宽度为：1320px。
10、添加了新的手风琴组件。
11、ml 改为 ms，mr 改为 me，pl 改为 ps，pr 改为 pe，也就是之前的 left 改为 start，right 改为 end，所以缩写也改了。

与之前版本相比

Bootstrap5是 Bootstrap 的最新版本，使用了新组件、更快的样式表以及拥有更快的响应能力。
Bootstrap5 支持所有主要的最新稳定版本浏览器，但不支持 Internet Explorer 11 及以下版本。
Bootstrap5 和 Bootstrap 3 & 4 的主要区别在于 Bootstrap5 不再依赖 jQuery，使用了原生的 JavaScript，当然我们如果要想用也可以引入 jQuery。
Bootstrap5 IE11 以下版本的浏览器，Bootstrap4 放弃了对 IE8 以及 iOS 6 的支持。如果需要对旧版本浏览器兼容，那么请使用 Bootstrap3。

官方网址

官方地址：http://www.getbootstrap.com
中文地址：http://www.bootcss.com