在现有的 ASP.NET MVC 页面中嵌入另一个 html 页面

Question

我有十多年的 C# 桌面应用程序开发经验，但我是 ASP.NET MVC 的新手，我的术语可能不正确，所以我会提前道歉。

我一直在一个 ASP.NET MVC 4 站点上工作，该站点具有 jQuery 1.4 和 bootstrap 3 以及许多 CSS 自定义。 我一直在尝试实现一个功能，我已经能够使用 bootstrap 4 单独完成它，但是当我复制代码并在 Partial 视图中呈现它时，结果是bad 。

我花了很多时间试图弄清楚为什么它的显示如此糟糕，并且我意识到在引导程序 3 和 4 不兼容以及站点具有的所有 CSS 自定义之间，使用这种方法几乎是不可行的。

然后我想我可以让我的所有style更改都内联，但这不会使事情非常易于维护并且显然不受欢迎。

话虽如此，我已经看到许多关于 IFrame 使用的帖子，它看起来很吸引人，但我有顾虑。

1. 我可以将对象从主cshtml页面传递到 IFrame 中吗？
2. 我可以在 IFrame 中使用不同的 jQuery/bootstrap/CSS 吗？
3. 还有其他选择吗？

Answer 1

1. 不可以。因为这是一个安全问题，所以不可能。
2. 是的。 Iframe 是独立呈现的。
3. 我想到了两个建议，没有一个解决方案是简单的，需要大量重新编码：

• 将您的部分视图降级到 bootstrap 3 ：您没有寻找的明显选项。
• 使用自定义类名重新编译 bs4 ：您的问题在于具有相同名称但在 bs3 和 bs4 中行为不同的类名。 因此，您可以在 bs4 的源代码中重命名这些类名，然后编译并使用它们。 例如：将row类重命名为bs4-row 。 因为你不需要所有的 bs4 库来设计你的代码，你只需要重命名和编译你需要的文件，比如：_grid.scss。