Javascript 为什么样式表导致我的引导卡旋转木马不工作

我找到了一个我想要使用的卡片转盘的代码笔示例。但是，引导样式表使旋转木马无法正常工作。当我删除样式表时，旋转木马可以工作，但它会更改该页面的样式，我需要它与我的其他页面保持一致

这是我用于旋转木马卡的代码笔示例

我使用的代码与上面链接中的示例所示完全相同

<!-- I can only keep the 2 style sheet below and maintain my personal styling 
but the card carousel will not work--> 

<link href="bootstrap/css/bootstrap-grid.min.css" rel="stylesheet" />
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />

<!-- or I remove the 2 above and add this. This makes the card carousel 
work but my personal styling will be changed and not consistent with my 
other pages -->

<link rel='stylesheet' 
href='https://cdnjs.cloudflare.com/ajax/libs/twitter- 
bootstrap/4.0.0/css/bootstrap.css'>  

---

我需要帮助来保持我原来的样式，同时让旋转木马卡工作。

无论哪一个是最新的，样式属性都取决于它。您在

和

中拥有的某些属性将与您在转盘上使用的相同

---

只有一种解决办法，您必须通过从引导程序中选取css属性来提供用于旋转木马工作的css属性，或者必须从旋转木马引导程序中删除影响页面主设计的不必要属性。

您是否收到任何

控制台
错误？您使用的是什么版本的引导程序？08DevTools无法分析SourceMap:events.html:228跨源读取阻止（CORB）使用MIME类型text/html阻止跨源响应。有关更多详细信息，请参阅。这就是我在控制台上看到的错误我正在使用Bootstrap v4.3.1我也看到了这个错误DevTools解析SourceMap失败：我尝试拉出所有与旋转木马相关的css并添加到单独的css中，但它似乎不起作用。我不确定哪些是我需要退出的组件，即使我的一个项目有相同的问题。我可以用上面提到的方法中的一种来清除它。一定有人会帮助你的。