引导 5 发布。 介绍

Bootstrap 5 版本：新功能和更新概述

Bootstrap 5 版本是 Web 开发行业最近发生的最大事件之一。 它包含各种主要更新，旨在使 Bootstrap 更易于开发人员使用。 Bootstrap 的先前版本提供了许多重要的更改和组件。 然而，它基于如今在开发人员中逐渐变得不那么流行的技术。 这就是为什么新版 Bootstrap 比第四版更上一层楼的原因。

从改进的浏览器支持到 RTL 和 Vanilla JS 支持等额外优势，Bootstrap 5 可以提供很多东西。 该框架仍然是简化响应式 Web 开发的领先解决方案。 此外，即使对于网络开发行业没有广泛知识的人来说，它也很容易使用。 Bootstrap 从编写大量 HTML 和 CSS 代码中节省了大量时间，让您有更多宝贵的时间来处理网站功能。 在今天的文章中，我们将详细介绍最近发布的 Bootstrap 更新。 此外，我们将深入探讨其第五版中引入的每个核心更改。

如果您想了解我们最近的更新，我们建议您访问我们的博客。 从关于我们的电子商务模板的定期帖子到 Shopify 和 WordPress 的应用程序和插件的评论，我们有多种文章可供阅读。 我们的作者发布的所有提示和指南都以易于理解的方式编写。 无论您在 Web 开发方面的经验如何，我们的博客总能为您提供一些东西。

什么是引导框架？

在深入了解 Bootstrap 5 版本的所有新功能和更改之前，我们认为有必要提供此框架的简短描述。 作为当今 Web 开发中最常用的工具之一，Bootstrap 是一个开源和免费的 CSS 框架。 它改进了移动友好和响应式前端 Web 开发。 它的众多优势之一在于为现代网站的排版、按钮、表单和其他关键元素预先设计的模板。

Bootstrap 最初命名为 Twitter Blueprint，旨在提高内部开发工具的一致性。 自其第一个版本发布近十年以来，如今 Bootstrap 已成为简化响应式 Web 开发的必备框架。 此外，Bootstrap 是创建适合移动设备的可靠 Web 应用程序的第一选择。 由于其灵活性和组件丰富的结构，如果您想专注于对您的项目最重要的事情，Bootstrap 是完美的选择。 难怪现在这个框架是 Web 开发人员中最受欢迎的框架之一。 它基于至少使用过一次网站的任何人都熟知的网络技术：

• HTML5；
• CSS3；
• JavaScript。

在 Web 开发中使用 Bootstrap 5 版本的好处

Bootstrap 提供了高度的灵活性，让您可以轻松快速地构建一个可靠的交互式网站。 首先，它显着提高了常规 Web 开发过程的速度。 得益于预先编写的 Bootstrap 组件，开发人员无需在日常开发任务上花费时间。 此外，即使您没有丰富的 Web 开发经验，该框架也易于学习。 在社区的帮助下，您可以轻松找到有关使用此框架及其组件的任何问题的答案。

作为最广泛使用的 Web 开发工具之一，Bootstrap 会定期更新。 此外，它提供了很好的兼容性和跨浏览器支持。 无论您客户的设备是现代浏览器（如 Chrome 和 Opera）还是更复古的浏览器，Bootstrap 5 版本都可以轻松地让您的网站在任何设备上看起来都符合预期。 通过易于遵循的指南和文档，在任何阶段将此框架集成到您的网站中都非常简单。 当然，您可以自由编辑 Bootstrap 的源代码，因为它可以在线免费获得。

Bootstrap 5 版本引入的变化和优势

自 Bootstrap 4 发布以来，它已被全球 Web 开发人员广泛使用。 然而，它有一些小缺点，减缓了专门针对新浏览器的开发。 现代网站还需要更轻巧、更纤薄，才能按照 Google 的要求更快地运行。 这就是为什么 Bootstrap 团队决定删除过时的东西（包括旧的浏览器和框架要求）。 这将使您更轻松地使用全新的 Bootstrap 5。

自 2021 年 5 月 5 日发布后，Bootstrap 5 引入了各种变化。 该框架的新版本主要面向现代 Web 技术。 如今，一个易于使用且有吸引力的网站也必须是轻量级的。 这正是 Bootstrap 5 版本允许您实现的目标。 凭借其众多的更改、修复和更新，有几个主要的值得您关注：

1. 删除 jQuery；
2. 响应式字体；
3. 完整的 RTL 支持；
4. 不再支持旧版浏览器；
5. 新的手风琴、表格和其他组件。

Bootstrap 5 仍然包含人们喜爱的所有内容。 这些功能是对 Bootstrap 团队已经取得的成就的一个很好的补充。 不过，有些事情会随着时间而改变。 对于 Web 开发技术也是如此。 任何框架都需要适应快速发展的网页设计行业。 这就是 Bootstrap 团队推出这些更新的原因。 现在，让我们更深入地了解新功能。 它将帮助我们更好地了解 Bootstrap 5 中的变化将如何影响 Web 开发。

Bootstrap 5 更新：删除 jQuery

Bootstrap 5 最显着的变化之一是删除了 jQuery。 后者是一个通用的 JavaScript 库。 它改进了您使用 JavaScript 的工作并保持代码简单。 借助 jQuery 插件，您的网站可以变得更具交互性。 尽管如此，这个 JS 库提供的许​​多优点仍然可以通过 vanilla JavaScript 访问。 因此，通过删除 jQuery 要求，Bootstrap 5 版本使 JavaScript 代码占用更少的空间。 这也提高了页面加载速度。 因为 Bootstrap 是一个响应式框架，所以这一步可以改变浏览器处理移动网站的方式。

但是，Bootstrap 5 还准备提供其他与 JavaScript 相关的更新。 例如，您现在可以在使用工具提示和弹出框时使用自定义类。 Popper 已更新到第二个版本，以使用工具提示和下拉菜单改进您的工作。 此次更新还意味着对 Toast 定位进行大修，这对 Android 开发者来说可能非常重要。 此外，还引入了各种优化以使跨组件的代码共享更好地工作。

放弃对过时浏览器的支持

在其第五个版本中，Bootstrap 已经放弃了对旧浏览器的官方支持，包括 Internet Explorer 10 和 11。极少的 IE 用户是这一变化的原因。 虽然旧浏览器仍能正确显示基于 Bootstrap 的网站，但该框架只能在现代浏览器和设备上完美运行。 这包括用于浏览 Web 的非常流行的浏览软件：

1. Chrome v. 60 及更高版本；
2. Microsoft Edge（基于 Chromium）；
3. Firefox v. 60 及更高版本；
4. Safari 和 iOS Safari v. 10 及更高版本；
5. Android Marshmallow (v. 6) 及更高版本。

Bootstrap 5 版本支持大多数移动和桌面设备和浏览器。 但是，使用此框架构建的网站很可能即使在较旧的浏览器中也能正常显示。 由于支持的浏览器更少，开发人员不必将不必要的代码集成到他们的网站中。 这减小了网页的大小，并使它们加载得更快。 此外，在移动设备上，Bootstrap 仅支持默认浏览器。 这意味着将不会对 Opera Mini、Amazon Silk 和其他代理浏览器提供开箱即用的支持。 Bootstrap 网站上提供了每个平台的浏览器和设备的完整列表。

新的 Bootstrap 5 功能：RTL 支持和扩展网格

Bootstrap 5 版本的下一个主要变化是 RTL 支持。 在其以前的版本中，只有插件和各种修改可以提供从右到左的方向行为。 在第五个版本中，RTL 已正式引入 Bootstrap。 此外，还添加了文档和指南，以便更好地理解从右到左在框架中的工作方式。 该框架的网站上还提供了几个现成的 RTL 示例。

另一个值得注意的更新包括引入扩展网格。 Bootstrap 现在有一个扩展和改进的 flexbox 网格。 例如，它现在有一个超大断点。 它现在将显示宽度超过 1400 像素的内容。 在新版本中，提供了对装订线宽度和垂直装订线的更多控制。 除此之外，Bootstrap 5 引入了更好的嵌套支持。 现在，您可以嵌套行而不会在填充和边距之间产生冲突。

响应式字体在 Bootstrap 5 中的工作原理

排版在为您的网站访问者创造适当的第一印象方面起着重要作用。 由于大多数网站都是响应式的，字体也需要满足现代需求。 为了解决各种排版问题，Bootstrap 5 版本现在包含 RFS 引擎。 RFS 代表响应式字体大小。 简单地说，这个引擎允许调整各种 CSS 属性的任何值。 它们包括边框半径、框阴影、边距、填充、边框等。此工具适用于任何已知的预处理器或后处理器（Less、PostCSS 等）。

在 RFS 的帮助下，您可以利用可用空间来获得更好的结果。 由于调整大小引擎机制，将自动计算适当的字体值。 该工具在独立和混合选项中都可用。 正确使用 RFS 的文档包含在 Bootstrap 中。 但是，该引擎也可作为单独的工具使用。 随意在其 GitHub 存储库中了解有关它的更多信息。

更新了引导组件和元素

除了这些更新之外，Bootstrap 还有其他任何开发人员都需要了解的重要更改。 Bootstrap 框架以其易于使用的组件而闻名。 这就是团队致力于改进组件功能的原因。 更新和添加的组件包括：

1. 画布外；
2. 新手风琴；
3. 支票和收音机；
4. 形式;
5. 浮动标签；
6. 文件输入。

offcanvas 组件基于 Bootstrap 中广泛使用的模式。 将其添加到您的网站可以更好地与访问者互动。 此外，它还包括可配置的背景、正文滚动和位置。 除了 offcanvas 之外，还添加了.accordion组件。 它提供了无错误的体验和流畅的手风琴支持。 表单及其控件也在 Bootstrap 5 版本中进行了重新设计。 现在，所有表单控件都可以自定义，以最好的方式适应您的网站 UI。

谈到控制，检查和无线电现在看起来更加一致。 它们也可以轻松定制。 此外，所有表单元素都包含自定义外观。 它为跨不同平台和浏览器的各种元素提供统一的行为。 多亏了它，用户在新设备上使用网站时不会感到困惑。 浮动标签和文件输入也进行了更新以匹配新表单。 现在可以通过 CSS 控制文件输入，而无需使用 JavaScript。 至于浮动标签，它们现在提供对文本输入、文本区域和选择的支持。

Zemez 设计和开发的最佳 Bootstrap 5 模板

Bootstrap 5 的灵活性允许为您的网站创建几乎任何您想要的东西。 由于各种经过时间考验的新功能，构建可靠的网站非常容易。 如果您更喜欢使用现成的解决方案，我们准备了前 3 个 HTML 网站模板的选择。 它们基于最新版本的 Bootstrap 框架，并且非常灵活。 这些模板由我们经验丰富的团队设计和开发，适合各种用途并涵盖不同的主题。 让我们仔细看看这些 HTML5 模板以及它们可以提供什么。

Flixena – 用于电影流媒体的视频网站 HTML 5 模板

网络为现代电影流媒体服务提供了很多机会。 对于成功的在线展示，Flixena 视频网站 HTML5 模板可以为您提供帮助。 从现代设计到布局和丰富的功能，HTML5 可以提供很多东西。 例如，它为电影和电视节目提供类别页面。 它使您可以轻松发布可以在线流式传输的电影收藏。 此外，借助众多精心设计的页面，您可以更多地了解您的服务。 我们的模板也适用于电影新闻和更新的定期发布。 并且拥有多种 UI 元素，您可以根据自己的喜好自定义模板的任何页面。

装饰 - HTML 艺术画廊模板

当您为艺术画廊创建网站时，您的目标是引人注目且引人注目。 我们设计了新的 HTML 艺术画廊模板以符合这些标准。 该解决方案满足现代艺术家和画廊的所有需求。 Decord HTML 模板提供了多种画廊布局和附加页面。 我们解决方案的每一页都经过精心设计，可随时显示您的内容。 与我们所有的模板一样，由于 Bootstrap 5 的功能，它已经准备好进行 SEO 并且完全响应。 在 Decord 的帮助下，您可以发布有关即将举行的艺术画廊活动的信息。 此外，该模板允许您快速更新网站上的图像和各种内容。

Luxora – HTML5 豪华互动酒店模板

现代豪华酒店需要适当的在线促销。 而如果您想在互联网上正确地代表您的酒店，Luxora 豪华互动酒店模板将是一个不错的选择。 该解决方案基于 Bootstrap 5 框架，提供易于使用的预订表格、多种功能和预先设计的页面。 借助动画精美的画廊和经过深思熟虑的博客页面，您可以向您的网站添加更多信息和内容。 我们的 HTML5 模板还允许您轻松与客户保持联系并有效地宣传您的酒店服务。 如果您想使用 Luxora 创建原创内容，使用集成的 UI 工具包和编写良好的文档将帮助您实现所需的内容。

Bootstrap 5 发布概述：结论

我们希望这次对 Bootstrap 5 版本的评论为您提供了有关世界排名第一的框架的新更新的信息。 当然，上面描述的变化只是 Bootstrap 提供的一部分。 对于创新的 Web 开发人员来说，它仍然是最强大、功能最丰富的开源框架之一。 在 Zemez，我们的目标是尽可能保持进步。 这就是为什么我们的 HTML 团队已经在更新我们流行的模板并开发新的模板以在 Bootstrap 5 上工作。

如果您想知道我们即将发布的 Bootstrap 5 模板何时发布，请订阅我们的时事通讯。 我们还建议您查看我们的模板组合，其中包含数十个定期更新的模板和主题。 在我们的博客中，我们还发布了有关 Zemez 的新 Bootstrap 模板的指南和 Web 开发技巧和信息。 如果您喜欢从社交网络获取更新，请不要忘记在 Instagram 和 Facebook 上关注我们。 如果您对我们的解决方案和模板有任何疑问，请随时联系我们的支持。 我们总是很乐意为您提供帮助。