Bootstrap 3轮播滑动到某个图像

Question

我遇到了一个问题和一个问题。

1）接下来的前一个箭头不起作用。它们看起来很好，但是如果我点击它，没有任何反应..任何人都知道为什么？

2）如何通过点击我在下面创建的其中一个div来触发滑动到某个图像？

您可以在下方找到我的代码： 提前谢谢！

<div class="row carousel2-container">  
  <div id="carousel2-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators hidden">
  <li data-target="#carousel2-example-generic" data-slide-to="0" class="active"></li>
  <li data-target="#carousel2-example-generic" data-slide-to="1"></li>
  <li data-target="#carousel2-example-generic" data-slide-to="2"></li>
</ol>

<!-- Wrapper for slides -->
<div class="carousel-inner">
  <div class="item active">
    <img src="/assets/uploads/7fb6633be98d5aad669653c706ebfee9.png" alt="carousel1">
  </div>
  <div class="item">
    <img src="/assets/uploads/7fb6633be98d5aad669653c706ebfee9.png" alt="carousel2">
  </div>
  <div class="item">
    <img src="/assets/uploads/7fb6633be98d5aad669653c706ebfee9.png" alt="carousel3">
  </div>
</div>

    <a class="left carousel-control" href="#carousel2-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
  </a>
  <a class="right carousel-control" href="#carousel2-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>

  </div>
</div>
<div class="row carousel2-container">
  <div class="col-xs-12 carousel2-bottom">
    <div class="col-xs-4 carousel2-item" data-slide-to="0">
        <div class="col-xs-3">

        </div>
        <div class="col-xs-9">
            dsfkljfldskhfjklqshfkjsd kldsqj flksqjdf lksdj flksqdj flksqdj flksqj lfkqs djflm
        </div>
    </div>
    <div class="col-xs-4 carousel2-item" data-slide-to="1">
        <div class="col-xs-3">

        </div>
        <div class="col-xs-9">
            dsfkljfldskhfjklqshfkjsd kldsqj flksqjdf lksdj flksqdj flksqdj flksqj lfkqs djflm
        </div>
    </div>
    <div class="col-xs-4 carousel2-item" data-slide-to="2">
        <div class="col-xs-3">

        </div>
        <div class="col-xs-9">
            dsfkljfldskhfjklqshfkjsd kldsqj flksqjdf lksdj flksqdj flksqdj flksqj lfkqs djflm
        </div>
    </div>
  </div>
</div>