Javascript 使包含配置文件图片的div容器从右向左滑动，并在鼠标悬停时停止

我是新的PHP和引导

如何包装下面的代码，使其自动旋转和停止鼠标悬停在上面

<div class="col-xs-12 col-sm-6 col-md-3 member" style="min-height:256px;">
    <div class="well"'.$boxShadowEffect.'>
        <div class="col-xs-12 nopad text-center">
            <a href="/'.$memberUrl.'">
            <div style="max-height: 212px; min-height: 212px;">
            <img style="max-height: inherit; '.$imageShadowEffect.'" class="img-thumbnail" alt="profile" src="https://qph.ec.quoracdn.net/main-qimg-3b0b70b336bbae35853994ce0aa25013-c">
            </div>
            </a>
            <a href="/'.$memberUrl.'">  <h4 class="tmargin bold text-info"  title="name">Profile Name</h4></a>
            <p> Registered User</p>


            <a class="tmargin btn btn-sm btn-primary btn-block" href="/'.$memberUrl.'">View Full Profile </a>                                                   
        <br>
        </div>      
      <br>
        <div class="clearfix">  </div>                                                                                          
    </div>  
<br>    
</div>

注册用户

上面的代码只是一个例子，我有8个这样的代码，当我把它们放在div class=“col-md-12”中时，它们显示如下内容

当超过4个时，如何使它们从左向右旋转？同时在鼠标悬停的情况下停止旋转（可能是控制按钮？）

---

谢谢

您需要添加旋转木马插件。我推荐owlcarousel2.bootstrap有自己的旋转木马。