title: modal carousel is not working on bootstrap
body: <p>i have this code and the modal carousel only shows the first pic</p>
  
  <pre><code>&lt;button type="button" class="btn" data-toggle="modal" data-target="#myModal"&gt;Gallery&lt;/button&gt;
  
  
  
                      &lt;div class="modal fade  " id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
                        &lt;div class="modal-dialog"&gt;
                          &lt;div class="modal-content"&gt;
                            &lt;div class="modal-header"&gt;
                              &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
  
                            &lt;/div&gt;
                            &lt;div class="modal-body"&gt;
                            &lt;!-- Indicators --&gt;
                        &lt;ol class="carousel-indicators"&gt;
                          &lt;li data-target="#myCarousel" data-slide-to="0" class="active"&gt;&lt;/li&gt;
                          &lt;li data-target="#myCarousel" data-slide-to="1"&gt;&lt;/li&gt;
                          &lt;li data-target="#myCarousel" data-slide-to="2"&gt;&lt;/li&gt;
                        &lt;/ol&gt;
                            &lt;!-- Wrapper for slides --&gt;
                        &lt;div class="carousel-inner"&gt;
                          &lt;div class="item active"&gt;
                            &lt;img  src="images/arredamenti1.png" alt="First slide"&gt;
                          &lt;/div&gt;
                          &lt;div class="item"&gt;
                            &lt;img src="images/arredamenti2.png" alt="Second slide"&gt;
  
                          &lt;/div&gt;
                          &lt;div class="item"&gt;
                            &lt;img src="images/bg1.jpg" alt="Third slide"&gt;
  
                          &lt;/div&gt;
                        &lt;/div&gt;
                              &lt;!-- Controls --&gt;
                        &lt;a class="left carousel-control"  data-slide="prev"&gt;
                          &lt;span class="glyphicon glyphicon-chevron-left"&gt;&lt;/span&gt;
                        &lt;/a&gt;
                        &lt;a class="right carousel-control"  data-slide="next"&gt;
                          &lt;span class="glyphicon glyphicon-chevron-right"&gt;&lt;/span&gt;
                        &lt;/a&gt;
                            &lt;/div&gt;
                            &lt;div class="modal-footer"&gt;
                              &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt;
                              &lt;!-- &lt;button type="button" class="btn btn-primary"&gt;Save changes&lt;/button&gt; --&gt;
                            &lt;/div&gt;
                          &lt;/div&gt;&lt;!-- /.modal-content --&gt;
                        &lt;/div&gt;&lt;!-- /.modal-dialog --&gt;
                      &lt;/div&gt;&lt;!-- /.modal --&gt;
  </code></pre>
  
  <p>i have also loaded the libraries:</p>
  
  <pre><code>&lt;link href="css/bootstrap-modal-carousel.css" rel="stylesheet" /&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"&gt;
  &lt;script src="js/bootstrap-modal-carousel.js"/&gt;&lt;/script/&gt;
  &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/jquery-1.10.2.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>maybe it has some conflicts with other libraries ! 
  when i click the button the modal appears, there is the first pic but indicators and controls are not working !   </p>
  
  <p>RESOLVED ... I just needed to change the data-target of indicators to #myModal
  and add the same thing ( data-target #myModal ) to the controls</p>