title: How to make Carousal slider scrolling with 4 images at a time
body: <p>I am trying to make a carousal through repeater in asp .net and it works well. but the issue is that it scrolls only one image at a time but i want 4 images together to scroll at a time. I am pasting my code below. I googled it and got some clue that to change "visible:4" in any of the jS files. please help.</p>
  
  <pre><code>&lt;div class="well well-small"&gt;
                          &lt;h4&gt;Featured Products &lt;small class="pull-right"&gt;200+ featured products&lt;/small&gt;&lt;/h4&gt;
                          &lt;div class="row-fluid"&gt;
                              &lt;div id="featured" class="carousel slide"&gt;
                                  &lt;div class="carousel-inner"&gt;
                                      &lt;asp:Repeater ID="Repeater2" runat="server" DataSourceID="SqlDataSource1"&gt;
                                          &lt;ItemTemplate&gt;
  
                                              &lt;div class="item &lt;%# (Container.ItemIndex == 0 ? "active" : "") %&gt;"&gt;
                                                  &lt;ul class="thumbnails"&gt;
                                                      &lt;li class="span3"&gt;
                                                          &lt;div class="thumbnail" &gt;
                                                              &lt;i class="tag"&gt;&lt;/i&gt;
                                                              &lt;a href="product_details.html"&gt;
  
                                                                  &lt;img src='&lt;%# Eval("ImagePath") %&gt;' /&gt;
                                                              &lt;/a&gt;
                                                              &lt;div class="caption"&gt;
                                                                  &lt;h5&gt;Product name&lt;/h5&gt;
                                                                  &lt;h4&gt;&lt;a class="btn" href="product_details.html"&gt;VIEW&lt;/a&gt; &lt;span class="pull-right"&gt;$222.00&lt;/span&gt;&lt;/h4&gt;
                                                              &lt;/div&gt;
                                                          &lt;/div&gt;
                                                      &lt;/li&gt;
                                                  &lt;/ul&gt;
                                              &lt;/div&gt;
                                          &lt;/ItemTemplate&gt;
                                      &lt;/asp:Repeater&gt;
                                  &lt;/div&gt;
                                  &lt;a class="left carousel-control" href="#featured" data-slide="prev"&gt;‹&lt;/a&gt;
                                  &lt;a class="right carousel-control" href="#featured" data-slide="next"&gt;›&lt;/a&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  </code></pre>