title: 4 row 4 columns bootstrap responsive carousel animation script
body: <p>I need this type of 4 row 4 columns bootstrap responsive carousel animation script </p>
  
  <pre><code>     &lt;div id="Carousel" class="carousel slide"&gt;
  
              &lt;ol class="carousel-indicators"&gt;
                  &lt;li data-target="#Carousel" data-slide-to="0" class="active"&gt;&lt;/li&gt;
                  &lt;li data-target="#Carousel" data-slide-to="1"&gt;&lt;/li&gt;
                  &lt;li data-target="#Carousel" data-slide-to="2"&gt;&lt;/li&gt;
              &lt;/ol&gt;
  
              &lt;!-- Carousel items --&gt;
              &lt;div class="carousel-inner"&gt;
  
              &lt;div class="item active"&gt;
                  &lt;div class="row"&gt;
                    &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                    &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                    &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                    &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                  &lt;/div&gt;&lt;!--.row--&gt;
              &lt;/div&gt;&lt;!--.item--&gt;
  
              &lt;div class="item"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                  &lt;/div&gt;&lt;!--.row--&gt;
              &lt;/div&gt;&lt;!--.item--&gt;
  
              &lt;div class="item"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                  &lt;/div&gt;&lt;!--.row--&gt;
              &lt;/div&gt;&lt;!--.item--&gt;
  
              &lt;div class="item active"&gt;
                  &lt;div class="row"&gt;
                    &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                    &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                    &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                    &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                  &lt;/div&gt;&lt;!--.row--&gt;
              &lt;/div&gt;&lt;!--.item--&gt;
  
              &lt;div class="item"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                  &lt;/div&gt;&lt;!--.row--&gt;
              &lt;/div&gt;&lt;!--.item--&gt;
  
              &lt;div class="item"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                  &lt;/div&gt;&lt;!--.row--&gt;
              &lt;/div&gt;&lt;!--.item--&gt;
  
              &lt;div class="item active"&gt;
                  &lt;div class="row"&gt;
                    &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                    &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                    &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                    &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                  &lt;/div&gt;&lt;!--.row--&gt;
              &lt;/div&gt;&lt;!--.item--&gt;
  
              &lt;div class="item"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                  &lt;/div&gt;&lt;!--.row--&gt;
              &lt;/div&gt;&lt;!--.item--&gt;
  
              &lt;div class="item"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                      &lt;div class="col-md-3"&gt;&lt;a href="#" class="thumbnail"&gt;&lt;img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"&gt;&lt;/a&gt;&lt;/div&gt;
                  &lt;/div&gt;&lt;!--.row--&gt;
              &lt;/div&gt;&lt;!--.item--&gt;
  </code></pre>
  
  <p>first slide is workingin 4 row and 4 column but second slide is displayed only one row and 4columns only, how to display the 4 row and 4 columns in carousel </p>