Css 在不破坏东西的情况下使用两个引导版本

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

是否有任何方法可以在不破坏umbraco使用的引导程序2的情况下渲染引导程序4。我正在考虑定制Bootstrap4，包括类名等，但我不知道这是否可能，也不知道是否有一个在线网站可以为我这样做

在此问题上的任何帮助都将不胜感激

编辑1

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

因此，如果创建自定义网格布局字段并在其中渲染引导4，它将覆盖umbraco默认引导，如树视图中的蓝色名称所示

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

---

作为cms，Umbraco的前端框架是不可知的，我的意思是Umbraco在前端代码中不使用特定的前端框架。你想用什么就用什么。当您在开箱即用的情况下安装Umbraco（并且选择不安装初学者工具包）时，您将从一张完全空白的板书开始

您是否正在修改现有网站，或者是否安装了使用引导版本2的初学者工具包？在这种情况下，将版本2迁移到版本4应该是相当直接的

更新的答案

我现在明白你指的是网格布局系统

对于前端：您现在可能正在调用

@Html.GetGridHtml（“内容”）

，您可以在这里插入自己的网格系统。Umbraco附带了对bootstrap 2和3的支持，但您也可以自己实现bootstrap 4。如果您查看以下文件夹：

Views/Partials/Grid/

，您将看到bootstrap2.cshtml和bootstrap3.cshtml。您可以自己添加bootstrap4.cshtml（您可能需要复制bootstrap3.cshtml并进行一些调整），并通过将GetGridHtml调用更改为

@Html.GetGridHtml（“content”，“bootstrap4”）

---

对于后端：我会非常小心地包含完整的引导样式表。这可能会改变或破坏umbraco后端的内容。就我个人而言，在umbraco中设置网格组件的样式时，我会尝试向内容编辑器提供一个基本概念，让其了解前端的外观，而不是完整的用户体验。对于这种情况，我将为网格编辑器中使用的按钮创建一个单独的最小样式表。

这主要是因为覆盖了引导类，对吗？@LakinduGunasekara是的，但不知道如何解决它迁移到引导4会有帮助吗@LakinduGunasekara不，因为我不能更改CMS本身，我想如果有一个网站可能会在每个类中添加前缀或其他东西，只是为了与使用umbrachi@Mark的网站不同，谢谢你的回答，但我想说的有点不同。创建gridlayout时，您可以选择在其中渲染css文件，要在grid layout中显示我的组件，我需要渲染引导4，但如果这样做，它将覆盖用于后端仪表板的umbraco引导，我不想这样做。希望你明白我的意思。我将添加一些图片来澄清情况