为div bootstrap carousel添加活动类

Question

我有这样的HTML

 <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner">
      {% for project in similarProjects %}
        <div class="item {% if loop.first %}active{% endif %}">
           <span >{{ project.title }}</span>
        </div>
      {% endfor %}
    </div>

   <article>
      <div class="carousel-inner">
         {% for project in similarProjects %}
            <div class="item {% if loop.first %}active{% endif %}">
              {{ project.text }}
            </div>
         {% endfor %}
      </div>
   </article>

当我点击导航，翻页和页面标题和文字时，我需要。现在，如果我点击，例如，滚动到右边，只需翻转文本和标题保持不变。请帮我解决这个问题。

P.S。 我的导航

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

右侧相同