html - 水平滚动条每次滚动三个元素

Question

我怎样才能在我的列下面有一个水平滚动条，我可以在其中滚动三列/每次滚动 左/右。我在一个页面中有这样的六列 horinzontally...

<div class="col-sm-4 full-ht">
  <div class="patient-column full-ht">
    <div class="fixed-header">
       Fixed Header
    </div>
    <div class="content">

    </div>
   </div>
</div>

如何在我的列下方创建一个水平滚动条以滚动左/右？

下面是我的 fiddle 。

http://www.bootply.com/YzGHOJlaWM

Answer 1

在包含三个 div 的 div 类上，应用以下 css:

<style>

#relevant_div{
    overflow-x: scroll;
}

</style>

您可能需要使容器的宽度大于窗口，以便将溢出注册为溢出。