Bootstrap 5中的新内容

流行CSS框架的最新迭代

> Bootstrap 5具有大量的增强和改进。 本文深入研究了Bootstrap 5中的关键更改，添加和删除，为开发人员升级或重新启动提供了全面的概述。

密钥改进：

• jQuery独立性： Bootstrap 5消除了其对jQuery的依赖，改善了与现代JavaScript框架（如React）的兼容性。 popper.js现在用于动态定位。>
>
• 增强的浏览器支持：在放弃对Internet Explorer的支持时，Bootstrap 5利用现代CSS自定义属性和JavaScript API，以提高性能和与当前浏览器的兼容性（Firefox 60，Chrome 60，Chrome 60，Safari 12，Safari 12，Android Browsers，Android Browsers，Android Browsers /webview 6）。
>
• 数据属性名称空间：数据属性现在使用>命名，显然将Bootstrap的JavaScript行为与其他脚本区分开。> data-bs-*
扩展的组件库：诸如OffCanvas侧边栏和浮动形式的新组件增强了框架的功能，用于创建交互式和响应式布局。
• > >高级自定义：更新的SASS变量，Mixins和CSS自定义属性在主题和样式方面具有更大的灵活性。
>
• >简化文档：该文档已经进行了重大大修，具有改进的导航，详细的自定义指南和增强的可用性。
>
• 何时使用（而不使用）bootstrap：> Bootstrap仍然是构建响应式移动优先网站的高效工具，尤其是对于初学者。它的易用性，预先构建的组件和低学习曲线使其非常适合各种项目。 但是，承认其局限性至关重要。 对于复杂的项目或优先级的最小文件大小，替代框架可能更合适。 过度依赖引导程序可能会导致肿的标记，因此对基本Web技术的深入了解至关重要。 从Bootstrap 4：

从引导程序4升级

通常很简单。 大多数组件和类都保留，但是开发人员应仔细查看丢弃的组件列表并进行相应调整。 主要重点应放在用>属性上替换>并解决任何弃用的组件或更名为SASS变量。>

详细的更改：

>本节总结了核心变化，重点是最有影响力的变化：>

• > jQuery删除：向Vanilla JavaScript的转移大大降低了框架的大小并提高了性能。 仍然支持现有的jQuery用法，但是可以使用data-bs-no-jquery="true"属性来禁用。
• >ie支持下降：这允许优化现代CSS和JavaScript功能的使用。
• >>数据属性重命名：data-bs-*
名称空间增强了清晰度并防止冲突。
• Bootstrap 4中存在的许多错误已解决。
不弃用的功能：

由于冗余或过时，已删除了几个组件和公用事业类别。 其中包括（但不限于）：IE支持，某些徽章和按钮类，Jumbotron，Masonry卡布局以及与订购，媒体和表相关的几个公用事业类。 这些功能通常可以使用现有的实用程序类复制。

> 新功能：

Bootstrap 5引入了几个令人兴奋的添加：

>响应式字体大小（RFS）：默认启用RFS启用，RFS增强了不同屏幕尺寸的响应能力。>

>左右（RTL）支持：现在内置了完整的RTL支持，使Bootstrap适用于更广泛的语言和语言。

>
• 新的断点：此断点符合超大屏幕（≥1400px）。
• 改进的文档：重新组织和增强的文档可显着改善用户体验。
新组件：
• 手风琴，OffCanvas和浮动标签是值得注意的添加。 xxl
结论：
• Bootstrap 5代表了向前迈出的重要一步，平衡了性能改进与增强功能和自定义选项。 尽管某些功能已被删除，但总体升级为构建现代响应式网站提供了更简化，高效和多才多艺的框架。 常见问题（常见问题解答）：
• > FAQS部分>

以上是Bootstrap 5中的新内容的详细内容。更多信息请关注PHP中文网其他相关文章！