title: Bootstrap Carousel with Repeater shows all slides at once
body: <p>The pictures all display at once and stack vertically. When I click NEXT or PREVIOUS in the carousel control, the carousel displays correctly. 
  Am I missing something ?</p>
  
  <pre><code>&lt;div id="myCarousel" class="carousel slide" data-ride="carousel"&gt;
   &lt;div class="carousel-inner" role="listbox"&gt;
  
  
    &lt;!-- Wrapper for slides --&gt; 
      &lt;asp:Repeater ID="images" runat="server"&gt;
    &lt;AlternatingItemTemplate&gt;        
      &lt;div class="item active"&gt;
          &lt;img src="&lt;%#     Eval("file_path").ToString() %&gt;"/&gt;       
       &lt;/div&gt;
    &lt;/AlternatingItemTemplate&gt;
  
    &lt;ItemTemplate&gt;
     &lt;div class="item"&gt;
      &lt;img src="&lt;%# Eval("file_path").ToString() %&gt;"/&gt;   
   &lt;/div&gt;
  &lt;/ItemTemplate&gt;
    &lt;/asp:Repeater&gt;
  
  
  
   &lt;!-- Left and right controls --&gt;
  &lt;a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"&gt;
  &lt;span class="glyphicon glyphicon-chevron-left"&gt;&lt;/span&gt;
  &lt;span class="sr-only"&gt;Previous&lt;/span&gt;
  &lt;/a&gt;
   &lt;a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"&gt;
  &lt;span class="glyphicon glyphicon-chevron-right"&gt;&lt;/span&gt;
  &lt;span class="sr-only"&gt;Next&lt;/span&gt;
  &lt;/a&gt;
  
   &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>CODE BEHIND:</p>
  
  <pre><code> protected void Page_Load(object sender, EventArgs e)
     {
      SomeDA da = new SomeDA();
      string name = Request.QueryString["id"];
  
      images.DataSource = da.getItems(name);
      images.DataBind();
    }
  </code></pre>
  
  <p>Any help is greatly appreciated.</p>