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

Question

我是PHP和bootstrap的新手。

如何包装以下代码以使其自动旋转并在鼠标悬停时停止？

<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>

上面的代码只是一个例子，当我把它们放在div类中时，我有8个显示类似下面的内容=＆＃34; col-md-12＆＃34;

当有超过4个时，如何让它们从左向右旋转？也可以用鼠标悬停停止旋转（可能是控制按钮？）

由于