使用Bootstrap

Question

Am正在使用Bootstrap 3.3.7构建的现有Web应用程序的U.I。我需要在屏幕上显示一系列卡片，但我希望它们具有左右水平V形箭头滚动条，具体取决于屏幕上卡片的数量，例如此链接上的示例：

Link of the Cards scrollbar chevron

我尝试将其添加到代码中，但是在水平向左或向右滚动时，人字形不显示。

我的标记代码

<div class="container-fluid">
        <div class="row flex-row flex-nowrap">
            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                <div class="card card-block">Card 1</div>
            </div>
            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                <div class="card card-block">Card 2</div>
            </div>
            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                <div class="card card-block">Card 3</div>
            </div>
            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                <div class="card card-block">Card 4</div>
            </div>
            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                <div class="card card-block">Card 5</div>
            </div>
        </div>
    </div>

    <div class="container">
      <div class="row">
          <div class="col-md-10 col-md-offset-1 text-center">
              <button class="btn btn-lg lov1"> Save & Generate Cards <i class="fa fa-check-circle" ></i></button>
      </div>
      </div> 

上述代码后在我的屏幕上显示Outlook