Bootstrap

Bootstrap 5 Alpha发布！不再依赖jQuery，放弃支持IE

几个月来我们一直在努力完善 v4 班中开始的各项工作，并对自己的进步感到很满意，但我们要做的事情还有很多。

我们一直在努力简化 v4 到 v5 的迁移过程，但也并不会驻足于那些已经过时或不再合适的内容上。因此，随着 v5 的发布我们很高兴地宣布，Bootstrap 不再依赖 jQuery，并且 我们放弃了对 Internet Explorer 的支持。我们的重心是构建面向未来的工具，虽然我们还没有完全做到这一点，但承诺带来 CSS 变量、更快的 JavaScript、更少的依赖项和更好的 API，对我们来说肯定是正确的选择。

在更新之前，请记住 v5 现在处于 Alpha 状态，在我们的第一个 Beta 版本发布之前还会有新的重大更改。我们还没有完成所有的增删工作，因此如果你有任何疑问或反馈，请检查 open issue 和 PR。

下面我们来深入探讨这个新版本的一些亮点！

新外观

我们以 v4.5.0 版本内文档首页的改进为基础，为其他文档带来了新的外观和体验。我们的文档页面不再以完整宽度呈现，以提高可读性，让我们的网站更像是内容风格而非应用风格。此外我们还升级了侧边栏，以使用可扩展的部分（由我们自己的 Collapse 插件提供支持）来实现更快的导航

增强网格系统

从设计上来说，Bootstrap 5 并没有对 v4 推倒重来。我们希望大家都能更轻松地升级到这个新版本上。因此，我们将大部分构建系统保留在原位（只是拿掉了 jQuery），并且我们还保留了现有的网格系统。

以下是我们在网格中所做更改的摘要：

我们添加了一个新的网格层！那就是 xxl。
.gutter 类已被.g* 使用程序替代，它很像我们的 margin/padding 实用程序。我们还为网格 gutter spacing 添加了一些选项，以配合大家熟悉的 spacing 实用程序。
https://v5.getbootstrap.com/docs/5.0/layout/gutters/
表单布局选项已替换为新的网格系统。
添加了 Vertical spacing 类。
列默认不再是 position: relative。
下面是一个新的网格 gutter 类的快速示例：

<div class="row g-5">
  <div class="col">...</div>
  <div class="col">...</div>
  <div class="col">...</div>
</div>

试用

可以访问官网获取新版本：

https://v5.getbootstrap.com/

或在命令行中输入：

npm i bootstrap@next