下面是我的中继器内的旋转木马滑块，它不起作用。

           <div class="col-md-4">
                  <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="false">
                  <div class="upload-h4">
                  <h4>Mark Attendance</h4>
                  </div>
                  <div class="carousel-inner">
                  <asp:Repeater ID="Repeater_Attendance" runat="server">

                  <ItemTemplate>
                  <div class="item active">
                   <img src="Trainer_Images/attendance1.jpg" class="img-responsive" alt="">
                  <div class="carousel-caption caption-bg">
                  <div class="row">
                  <div class="col-md-12">
                  <div class="col-md-4">Submitted Date:</div>
                  <div class="col-md-8">01/11/2019</div>
                  <div class="col-md-4">Latitude:</div>
                  <div class="col-md-8">17.4428449</div>
                  <div class="col-md-4">Longitute:</div>
                  <div class="col-md-8">78.47995379999998</div>
                  <div class="col-md-4">Event Type:</div>
                   <div class="col-md-8">Mark Attendance</div>

                  </div>

                  </div>

                  </div>
                 </div>
                 </ItemTemplate>
                 <AlternatingItemTemplate>
                 <div class="item">
                 <img src="Trainer_Images/attendance2.jpg" class="img-responsive" alt="">
                 <div class="carousel-caption caption-bg">
                 <div class="row">
                 <div class="col-md-12">
                <div class="col-md-4">Submitted Date:</div>
                 <div class="col-md-8">02/11/2019</div>
                 <div class="col-md-4">Latitude:</div>
                 <div class="col-md-8">17.4428449</div>
                  <div class="col-md-4">Longitute:</div>
                  <div class="col-md-8">78.47995379999998</div>


                  <div class="col-md-4">Event Type:</div>
                  <div class="col-md-8">Mark Attendance</div>
                  </div>

                  </div>

                   </div>
                </div>
               </AlternatingItemTemplate>

               </asp:Repeater>



                </div>

               <!-- Left and right controls -->
              <a class="left carousel-control" href="#myCarousel" data-slide="prev">
              <span class="glyphicon glyphicon-chevron-left"></span>
             <span class="sr-only">Previous</span>
                </a>
             <a class="right carousel-control" href="#myCarousel" data-slide="next">
             <span class="glyphicon glyphicon-chevron-right"></span>
             <span class="sr-only">Next</span>
             </a>
              </div>
            </div>

下面是我的html滑块，可以正常工作。

   <div class="col-md-4">
                                 <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="false">

                                      <div class="upload-h4">
                                         <h4>Mark Attendance</h4>
                                       </div>

                                      <div class="carousel-inner">

                                                        <div class="item active">
                                          <img src="Trainer_Images/attendance1.jpg" class="img-responsive" alt="">
                                          <div class="carousel-caption caption-bg">
                                             <div class="row">
                                               <div class="col-md-12">

                                                   <div class="col-md-4">Submitted Date:</div>
                                                  <div class="col-md-8">01/11/2019</div>

                                                  <div class="col-md-4">Latitude:</div>
                                                  <div class="col-md-8">17.4428449</div>
                                                  <div class="col-md-4">Longitute:</div>
                                                  <div class="col-md-8">78.47995379999998</div>
                                                   <div class="col-md-4">Event Type:</div>
                                                  <div class="col-md-8">Mark Attendance</div>

                                               </div>

                                             </div>

                                           </div>
                                        </div>

                                        <div class="item">
                                          <img src="Trainer_Images/attendance2.jpg" class="img-responsive" alt="">
                                          <div class="carousel-caption caption-bg">
                                             <div class="row">
                                               <div class="col-md-12">
                                                   <div class="col-md-4">Submitted Date:</div>
                                                  <div class="col-md-8">02/11/2019</div>
                                                  <div class="col-md-4">Latitude:</div>
                                                  <div class="col-md-8">17.4428449</div>
                                                  <div class="col-md-4">Longitute:</div>
                                                  <div class="col-md-8">78.47995379999998</div>


                                                   <div class="col-md-4">Event Type:</div>
                                                  <div class="col-md-8">Mark Attendance</div>
                                               </div>

                                             </div>

                                           </div>
                                        </div>


                                      </div>

                                      <!-- Left and right controls -->
                                      <a class="left carousel-control" href="#myCarousel" data-slide="prev">
                                        <span class="glyphicon glyphicon-chevron-left"></span>
                                        <span class="sr-only">Previous</span>
                                      </a>
                                      <a class="right carousel-control" href="#myCarousel" data-slide="next">
                                        <span class="glyphicon glyphicon-chevron-right"></span>
                                        <span class="sr-only">Next</span>
                                      </a>
                                    </div>
                               </div>

当我将使用中继器但使用html时，我会低于图像输出。

请帮助我正在尝试使用中继器来动态获取图像数据，请帮助解决此问题，非常感谢。