如何在特定情况下跳过一些修改过的 CSS 组件并使用原始组件？

Question

我有一个修改过的Bootstrap文件，改变了一些组件，但在某些情况下，尤其是当我移动到Bootstrap 4时，它不能正常工作，我想使用组件仅在原始 Bootstrap 文件中为该组件定义。

例如：

 <link href="path-to-original-bootstrap" rel="stylesheet">

/* here carousel was overridden with original one and work badly */ 
 <link href="path-to-modified-bootstrap" rel="stylesheet"> 

  <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="d-block w-100" src="..." alt="First slide">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="..." alt="Second slide">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="..." alt="Third slide">
    </div>
  </div>
</div>

我想要一个使用原始 Bootstrap 的轮播，并跳过仅针对此组件修改的轮播。你能告诉我如何处理这个问题吗？

Answer 1

我认为您可以将与修改后的组件相关的 CSS 文件移动到您希望原始 CSS 使用的组件下。

如何在特定情况下跳过一些修改过的 CSS 组件并使用原始组件？

How to skip some modified CSS component and use the original one in a certain situation instead?

html

css

carousel

bootstrap-4