轮播多引导列同步？

如何解决轮播多引导列同步？

<div class="col-lg-6">
    <div class="heading">
        <h3 class="heading__title">Title1</h3>
        <img  src="img/img1" alt="img"/>
    </div>
    <div class="heading">
        <h3 class="heading__title">Title2</h3>
        <img  src="img/img2" alt="img"/>
    </div>
    <div class="heading">
        <h3 class="heading__title">Title3</h3>
        <img  src="img/img3" alt="img"/>
    </div>
 <div class="col-lg-6">
     <div class="slider__item1">
         <h3>Explanation1</h3>
     </div>
     <div class="slider__item2">
         <h3>Explanation2</h3>
     </div>
     <div class="slider__item3">
         <h3>Explanation3</h3>
     </div>
 </div>

`

上面的代码不起作用，我试图展示代码块的样子。

我想做一个在两个引导列 (col-lg-6) 中工作的轮播，同时同步滑动...

如果你有的话，你能告诉我一种方法吗

谢谢...