title: Carousel inside Panel - bootstrap
body: <p>how to put carousel inside the panel ? bootstrap
  im trying to put carousel inside a panel, but the images doesnt show</p>
  
  <pre><code>      &lt;div class="panel panel-default"&gt;
          &lt;div class="panel-heading"&gt;
           &lt;h3 class="panel-title"&gt;&lt;/h3&gt;
         &lt;div class="panel-body"&gt;&lt;font size="2" face="arial"&gt;
        &lt;div class="container"&gt;
        &lt;div id="MyCarousel" class="carousel slide" data-ride="carousel"&gt;
  
    &lt;ol class="carousel-indicators"&gt;
         &lt;li data-target="#MyCarousel" data-slide-to= "0" class="item 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;div class="carousel-inner"&gt;
       &lt;div class="item active"&gt;
         &lt;/div&gt;
           &lt;img scr="\darryl\images\front.jpg" alt="Ched" class="img-responsive"&gt;
         &lt;/div&gt;
       &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p></p>