如何在封闭的应用程序中处理具有不同Bootstrap版本的Web组件应用程序？

问题描述

在使用引导程序3的Web项目中，我有一个Web组件，该Web组件又使用了引导程序4。该Web组件的DOM未锁定，因此没有影子dom。

如何防止覆盖不同的样式并避免发生不必要的副作用？

解决方法

这就是影子DOM的用途。使用阴影DOM，然后将Bootstrap 4 CSS放入Web组件中。