显示bootstrap缩略图水平多个图像

Question

Actually i want to display first 4 images from database in horizontal view and when click on next button and previous button we get next or previous result from database ,my code display result but it shown vertically and no 4 images active at page load. Please correct code

<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>