引导行

Question

我目前拥有的是一行，它使用col-xs-2的CSS中的overflow属性来包含一个水平可滚动框来显示元素：

HTML

<div class="container">
  <c:if test="${!empty form.dataBase}">  
    <div class="row">
      <div class="col-xs-2" style="margin-top:20px;">
            ...
      </div>
    </div>
  </c:if>
</div>

CSS

.row {
  overflow-x: auto;
  white-space: nowrap;
}

@media (min-width: 320px) {
  .col-xs-2 {
    width: 102%;
    display: inline-block;
    float: none;
  }
}

@media (min-width: 768px) {
  .col-xs-2 {
    width: 35%;
    display: inline-block;
    float: none;
  }
}

我要添加到此框中的是当鼠标悬停在其上时会滚动的标签，类似于amazon这样的网站如何显示“侧面购买此商品的客户”标签的方框，但不是去一个新的页面，将悬停推进滚动。我该怎么做？

这是使用bootstrap