отобразить миниатюру начальной загрузки нескольких изображений

Question

На самом деле я хочу отобразить первые 4 изображения из базы данных в горизонтальном виде, и при нажатии на кнопку «Далее» и предыдущую кнопку мы получаем следующий или предыдущий результат из базы данных, мой код отображает результат, но он отображается вертикально, и при загрузке страницы 4 активных изображения не отображаются,Пожалуйста, исправьте код

<div class="row">         
    <div class="col-md-12">

        <div class="well">
            <div id="myCarousel" class="carousel slide">

                <!-- Carousel items -->
                <div class="carousel-inner">
                    <?php
                       $query2="select * from hotel INNER JOIN sponsored_pay on hotel.postid=sponsored_pay.hotelid where sponsored_pay.pagename='Side'";
                       $results2 = mysql_query($query2);
                      while($row_img2=mysql_fetch_array($results2))
                      {
                      ?>
                    <div class="item active">
                        <div class="row">
                            <div class="col-sm-3"><a href="#x"><img src="<?php echo $row_img2['hotel_photo'];?>" alt="Image" class="img-responsive"></a>
                            </div>
                        </div>
                        <!--/row-->
                    </div>
                    <?php
                        }
                      ?>
                </div>
                <!--/carousel-inner--> <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>

                <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
            </div>
            <!--/myCarousel-->
        </div>