如何从数据库检索数据并使数据在轮播中可见

Question

我希望在轮播中放置多个图像，以便当轮播移至下一个屏幕时，一次可以查看其中的四个图像。

我已经尝试过更改数据转发器的位置，但是它并不会影响显示效果，而是可以完全移除轮播。 该部分的代码如下：

    <div class="container">
        <div class="row blog">
            <div class="col-md-12">
                <div id="blogCarousel" class="carousel slide" data-ride="carousel">

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


                    <div class="carousel-inner">

                        <div class="carousel-item active">
                            <div class="row">
                              <asp:Repeater runat="server" ID="rptrimage">
                            <ItemTemplate>

                                <div class="col-md-3 col-sm-6 col-lg-3 col-xs-6  SimilarBooks">

                                    <img src="<%#Eval("BookPic")  %>"   class="img-responsive" style="width="200" height="200" " />  

                                </div>
                                </ItemTemplate>
                                     </asp:Repeater>
                                </div>
                                </div>
                        </div>
                    </div>
                </div>
            </div>
              </div>

我的目标是在1个轮播视图中显示4张图像，即一次可以看到4个项目，当轮播滑动到下一部分时，我也许能够看到从数据库中加载的4张新图像。

问题在于它显示了我数据库中的所有图像，而轮播按钮消失了。