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