title: Bootstrap carousel indicators and controls not working from php
body: <p>I'm using php to search a database in order to get pictures for my Carousel, it loads the pictures, and cycles in time, <strong>but whenever I click on the side arrows or the indicators, it does nothing</strong>, I tried changing the jQuery version (which seemed to be the solution in all the past questions I checked) but it didn't work... is it because I'm loading it from php?</p>
  
  <p><strong>The PHP code:</strong></p>
  
  <pre><code>$count = 0;
  forEach($filas as $fila){
          $idimg = $fila['id_imagen'];
          if($count==0){
            $indicator .= '&lt;li data-target="#imagenes" data-slide-to="0" class="active"&gt;&lt;/li&gt;';
            $inner .= '&lt;div class="item active"&gt;&lt;img class="img-responsive center-block" src="getimg.php?id='.$idprod.'&amp;img='.$idimg.'" alt="'.$nprod.'"&gt;&lt;/div&gt;';
          }else{
            $indicator .= '&lt;li data-target="#imagenes" data-slide-to="'.$count.'"&gt;&lt;/li&gt;';
            $inner .= '&lt;div class="item"&gt;&lt;img class="img-responsive center-block" src="getimg.php?id='.$idprod.'&amp;img='.$idimg.'" alt="'.$nprod.'"&gt;&lt;/div&gt;';
          }
          $count++;
        }
  </code></pre>
  
  <p><strong>The HTML markup</strong></p>
  
  <pre><code>        &lt;div class="carousel-slide" id="imagenes" data-ride="carousel"&gt;
            &lt;ol class="carousel-indicators"&gt;
              &lt;?php print("$indicator");?&gt;
            &lt;/ol&gt;
            &lt;div class="carousel-inner" role="listbox"&gt;
              &lt;?php print("$inner");?&gt;
            &lt;/div&gt;
  
            &lt;!-- Left and right controls --&gt;
            &lt;a class="left carousel-control" href="#imagenes" role="button" data-slide="prev"&gt;
              &lt;span class="glyphicon glyphicon-chevron-left" aria-hidden="true"&gt;&lt;/span&gt;
            &lt;/a&gt;
            &lt;a class="right carousel-control" href="#imagenes" role="button" data-slide="next"&gt;
              &lt;span class="glyphicon glyphicon-chevron-right" aria-hidden="true"&gt;&lt;/span&gt;
            &lt;/a&gt;
          &lt;/div&gt;
  </code></pre>