marquee标签中的Div图像显示在两行而不是一行上

Question

我使用选框标记仅在一行中显示动态div图像，但它显示一行中的前4个div和下一行中的第5个div显示。我该怎么解决这个问题呢。

以下是代码：

<div class="panel panel-body " style="background-color:rgba(212,209,209,1.00) ; width:auto; height:380px;   box-shadow: 3px 4px 6px  rgba(0, 0, 0, .5); margin-top:30px;">

   <marquee  direction="left" behavior="scroll"  scrollamount="10"  onMouseOver="stop()"  onMouseOut="start()" >

  <?php


    $products= features(); 

     if (!empty($products))  
        foreach($products as $value){
     ?>



        <div class="col-md-3  grid-product-in" >

        <div class=" product-grid"> 
            <a href="single.php?id=<?php echo $value\["productID"\] ?>&ids=<?php echo $value\["subcategoryID"\] ?>"><img width="234px" height="214px" src="admin/html/uploads/<?php echo $value\["image"\] ?>" alt=""></a>      
            <div class="shoe-in">
                <h6><a href="single.php?id=<?php echo $value\["productID"\] ?>&ids=<?php echo $value\["subcategoryID"\] ?>"><?php echo $value\["productname"\] ?> </a></h6>
                <label>$<?php echo $value\["price"\] ?></label>
                <a href="product.php" class="store"><?php echo $value\["name"\] ?></a>
            </div>


        </div>  
        </div>


        <?php } ?>

        </marquee>

</div>

截图：

Answer 1

它现在连续显示4个项目，因为您使用的是col-md-3

它是一个引导类。 如果你想在一行中显示所有内容。试着给它一个特定的宽度。即：

<div style="width:200px;" class="grid-product-in">

或简单地将其更改为col-md-12 class

<div class="col-md-12 grid-product-in">