如何从引导程序 V3.2.0 升级到 V5.1.2 -（按钮折叠不起作用）

Posted 2023-03-24

【中文标题】如何从引导程序 V3.2.0 升级到 V5.1.2 -（按钮折叠不起作用）

【英文标题】：How to upgrade from bootstrap V3.2.0 to V5.1.2 - (button collapse does not work)

【发布时间】：2021-11-28 11:54:55

【问题描述】：

我负责我公司的 SharePoint 互联网站点，该站点是使用 bootstrap V3.2.0 构建的，他们希望将这个旧站点升级到最新版本的 Bootstrap V5.1.2

我的问题是当我将文件 (bootstrab.min.js) 更新到最新版本时，移动视图中的菜单按钮不起作用。 在旧版本的引导程序中，(.in) 类被添加到折叠 div 中，而在最新版本中，它添加了 (.show)。

那么如何在保持网站设计不变的同时将引导程序升级到最新版本？ 我知道引导程序的 css 文件和 js 文件必须一起升级，并且我知道从旧版本中删除了新的 api 和类，但是问题 如何将这些更改迁移到我的站点？ 有我可以遵循的迁移文件吗？或者解决按钮崩溃的方法，因为这是我更新文件时唯一不起作用的东西！

【问题讨论】：

如果您阅读官方文档，您会发现所有不同之处......

@sfili_81 我知道，但他们希望我今天解决这个问题，从我的角度来看，这不是一个可以在一天内解决的简单问题，我的意思是从 6000 行开始旧版本，我需要将其与新版本进行比较..我是对的吗？

是的，这不是一个小问题......你必须检查差异......

请参阅How to Ask。您需要展示您的代码，以便我们有话要说。

简短的回答是，您必须查看正在使用的组件的文档并进行必要的标记更改。没有灵丹妙药。

【参考方案1】：

欢迎，一夏！哇，成为用户 5 年来的第一个问题 :) 大里程碑。

那么如何在保持网站设计不变的同时将引导程序升级到最新版本

Bootstrap 的主要版本包括一些主要的设计更改 - 以及重大的破坏性代码更改。我保证您提到的“collapse div”问题不是唯一的问题。

话虽如此，有迁移文件：

https://getbootstrap.com/docs/4.0/migration/ https://getbootstrap.com/docs/5.0/migration/

...不幸的是，v5 迁移路径真的很长。

最终，您最好接受设计差异。正如@isherwood 在评论中指出的那样，这里没有灵丹妙药。