title: active only One items in carsouel slider From the Dynamic COntent
body: <pre><code>&lt;section class="product_section"&gt;
  &lt;div class="container"&gt;
      &lt;div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="false"&gt;
       &lt;!-- Wrapper for slides --&gt;
          &lt;div class="carousel-inner" role="listbox"&gt;
              &lt;?php $loop = new WP_Query( array( 'post_type' =&gt; 'product_theme', 'posts_per_page' =&gt; -1 ) ); ?&gt;
              &lt;?php while ( $loop-&gt;have_posts() ) : $loop-&gt;the_post(); ?&gt;
              &lt;div class="item &lt;?php if($c==1) { ?&gt; active&lt;?php } ?&gt;"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-xs-12 col-sm-7 col-md-7 product_image"&gt;
                          &lt;?php twentysixteen_post_thumbnail(); ?&gt;
                      &lt;/div&gt;
                      &lt;div class="product_detail col-xs-12 col-sm-5 col-md-5"&gt;
                          &lt;h2&gt;&lt;?php the_title(); ?&gt;&lt;/h2&gt;
                              &lt;?php echo get_post_meta(get_the_ID(), 'my_custom_fields_custom-field-3', TRUE);?&gt;/span&gt;
                                  &lt;?php the_content(); ?&gt;
                                  &lt;a href="&lt;?php echo get_post_meta(get_the_ID(), 'my_custom_fields_custom-field-1', TRUE);?&gt;" target="_blank" class="live_demo"&gt;Live Demo&lt;/a&gt;
                                  &lt;a href="&lt;?php echo get_post_meta(get_the_ID(), 'my_custom_fields_custom-field-2', TRUE);?&gt;" class="buy_know"&gt;View Details&lt;/a&gt;
                      &lt;/div&gt;&lt;!-- product_detail col-xs-12--&gt;
                  &lt;/div&gt;&lt;!--ROW --&gt;
              &lt;/div&gt;&lt;!-- itEM--&gt;
              &lt;?php  endwhile; $c=$c+1; wp_reset_query(); ?&gt;
          &lt;/div&gt;&lt;!--carousel-inner --&gt;
  
          &lt;!-- Left and right controls --&gt;
          &lt;a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"&gt;
              &lt;span class="glyphicon glyphicon-chevron-left" aria-hidden="true"&gt;&lt;/span&gt;
              &lt;span class="sr-only"&gt;Previous&lt;/span&gt;
          &lt;/a&gt;
          &lt;a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"&gt;
              &lt;span class="glyphicon glyphicon-chevron-right" aria-hidden="true"&gt;&lt;/span&gt;
              &lt;span class="sr-only"&gt;Next&lt;/span&gt;
          &lt;/a&gt;
      &lt;/div&gt;&lt;!--myCarousel --&gt;
  &lt;/div&gt;&lt;!--container --&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>I have tried out this code but it will active all Items NOt a single items anyone have solution for that.I want to active only first items other is in a item so,I will rotate the items.</p>