使用两个引导程序版本而不会破坏事物

Question

我知道这可能是一个奇怪的问题，但我真的需要在同一页面中呈现两个引导版本。 我使用的是Umbraco CMS，默认情况下使用bootstrap 2.x版，而我的前端页面使用bootstrap 4。 但我正在使用一些来自bootstrap 4的小部件，如卡片，旋转木马等，并在umbraco仪表板中查看结果，我需要在umbraco本身渲染bootstrap 4 css文件。在那一刻，小部件成功渲染，但是umbraco仪表板正在被bootstrap 4文件修改，有些东西不像以前那样工作。

有什么办法可以在不破坏umbraco使用的bootstrap 2的情况下渲染bootstrap 4。我正在考虑自定义引导程序4，包括类名等，但我不知道是否有可能，如果有一个在线网站可以为我做这个。

非常感谢任何有关此问题的帮助！

编辑1

以下是我试图描述的一些图片：

因此，如果在那里创建一个自定义网格布局字段和renderd bootstrap 4，它将覆盖umbraco默认引导程序，如树视图中的蓝色名称所示。

我必须渲染bootstrap 4才能正确查看我添加到网格布局的小部件，如下图所示：

Answer 1

作为cms的Umbraco是前端框架不可知的，我的意思是Umbraco不在前端代码中使用特定的前端框架。你可以使用你想要的任何东西。当您从开箱即用安装Umbraco（并选择不安装入门套件）时，您将从一个完全空白的平板开始。

您是修改现有网站还是安装了使用bootstrap版本2的入门套件？在这种情况下，将版本2迁移到4应该相当直接。

更新回答

我现在看到你的意思是网格布局系统。

对于前端：您可能正在调用@Html.GetGridHtml("content")，您可以在此处插入自己的网格系统。 Umbraco支持bootstrap 2和3，但你也可以自己实现bootstrap 4。如果您查看以下文件夹：Views/Partials/Grid/，您将看到bootstrap2.cshtml和bootstrap3.cshtml。您可以自己添加bootstrap4.cshtml（您可能希望复制bootstrap3.cshtml并进行一些调整）并通过将GetGridHtml调用更改为@Html.GetGridHtml("content", "bootstrap4")来调用它

对于后端：我会非常小心地包含include完整的bootstrap样式表。这可能会改变或破坏umbraco后端的内容。就个人而言，当umbraco中的网格组件样式化时，我尝试给内容编辑器一个基本的概念，即它将如何在前端看，而不是完整的用户体验。对于这种情况，我将为网格编辑器中使用的按钮创建一个单独的最小样式表。