转盘无法在asp.net中的引导程序模式下工作

Question

This is my carousal.

<div class="modal-body mbody">
 <asp:UpdatePanel ID="UpdatePanel4" runat="server">
  <ContentTemplate> 
  <div id="myCarousel" class="carousel slide">

   <ol class="carousel-indicators">
   <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
   <li data-target="#myCarousel" data-slide-to="1"></li>
   <li data-target="#myCarousel" data-slide-to="2"></li>
   </ol> 

 <div class="carousel-inner">
 <asp:Repeater ID="repid" runat="server">
  <ItemTemplate>
  <img alt="" style='height: 275px; width: 275px' src='<%# Eval("imgPath") %>' />
  </ItemTemplate>
  </asp:Repeater>
  </div>

  </div>

  </ContentTemplate>
  </div>

And this is my .cs part.I have included this event in the pageload.I mean the repeater is binded with database.

public void bindslide()
{
    //string str = Session["userid"].ToString();
    string str = "22";
    sq.connection();
    SqlCommand cmd = new SqlCommand("select * from mygallary where regId_img='" + str + "' ", sq.con);
    SqlDataAdapter da = new SqlDataAdapter(cmd);
    DataSet ds = new DataSet();
    da.Fill(ds);
    repid.DataSource = ds;
    repid.DataBind();

    sq.con.Dispose();
    sq.con.Close();

}

What happens is that the image are loaded side by side instead of sliding.Where did i go wrong?

Edit This is what i am getting.

Answer 1

According to this link: http://webdesign.tutsplus.com/articles/twitter-bootstrap-101-the-carousel--webdesign-7442 the contents of each carousel item should be wrapped with a div of class item . I'd start by amending your code to read:

  <div class="carousel-inner">
    <asp:Repeater ID="repid" runat="server">
      <ItemTemplate>
         <div class='item'>
           <img alt="" style='height: 275px; width: 275px' src='<%# Eval("imgPath") %>' />
         </div>
      </ItemTemplate>
    </asp:Repeater>
  </div>

Answer 2

Well You have item and item active class missing in your code.You can modify your repeater and add <div class='item'> and <div class='item active'> inside your ItemTemplate respectively.

<asp:Repeater ID="repid" runat="server">
<ItemTemplate>
 <div class="item" >
  <div class="item active">
   <asp:Image ID="imgId" runat="server" ImageUrl='<%#Eval("imgPath") %>' />
  </div>
 </div>
</ItemTemplate>
</asp:Repeater> 

For more see https://unschoolingcode.wordpress.com/2014/08/08/using-carousal-to-display-image-slide-from-database-in-asp-net/