自定义 MasterPage 类停止使用 Bootstrap 5答案

【问题标题】：Custom MasterPage class stops working with Bootstrap 5自定义 MasterPage 类停止使用 Bootstrap 5
【发布时间】：2021-07-13 02:30:18
【问题描述】：

我有一个 Asp.net WebForm 应用程序，并且正在使用 MasterPages。我的 MasterPage 代码隐藏类继承自从 MasterPage 基类继承的自定义类。这个自定义母版页类维护不同的值，包括用户状态，它像这样在我的母版页上使用，

<% if( UserState.Level == UserLevel.Admin)
{ %>
    // Load Styles for Admin
    // Load Javascript files for Admin
<% } %>

我也在母版页上使用 JQuery、Bootstrap 4 和不同的自定义库，一切正常。

我现在必须将 Bootstrap 4 升级到 Bootstrap 5。我所做的是将 Bootstrap 4 CSS 文件替换为 Bootstrap 5，并将 Bootstrap 4 js 捆绑文件替换为 Bootstrap 5。突然我现在看到一个空白页。没有 javascript 错误或警告。

我已经检查并调查了 DOM，似乎根据 UserState 显示和隐藏的父 css 选择器不起作用并且它保持隐藏状态。自定义 MasterPage 类不适用于 MyMasterPage.master 文件。对我来说这很奇怪，因为一旦我降级到 Bootstrap 4，一切都开始正常工作，但不适用于 Bootstrap 5。

有没有其他人遇到过同样的问题？

我正在使用 Html5 文档类型。

<!doctype HTML>
<html lang="en">

我还更新了所有在 Bootstrap 5 中更改的 css 助手，例如 ml-1 到 ms-1 等

【问题讨论】：

标签： c# asp.net webforms bootstrap-5

【解决方案1】：

if 语句与 bootstrap 版本无关，如果用户级别为“Admin”，则即使您使用的是 bootstrap 4 或 5，条件也是如此。

尝试清除浏览器缓存。下面是一些解释如何为某些浏览器执行此操作的链接：

有关 ASP.NET 中的捆绑包的更多信息，请访问 here。

【讨论】：