Shawdow
1 year ago

Displaying all the images in one row

Posted 1 year ago by Shawdow

I am trying to display the image like below https://screenshots.firefox.com/jML5a9YQ1XyMI7k2/www.flipkart.com

but the below code works for displaying the images one below another is there any way to display the image in row


<center>

<div class="col-md-2 column">
  <br><br><br><br><br>  
    <div class="producttitle"><h3> Products</h3></div>
   <br>
   <a href="" type="button" class="btn btn-primary">View All</a>
</div>

</center>



<div class ="row">
   <div class="col-xs-3">

@foreach($product as $products)

       <img src="images/{{ $products->image_3 }}" class="img-responsive">
  
     <center> {{ $products->name }}<br>
     {{ $products->discount }}% Off<br>
    <i class="fa fa-inr"></i> {{ $products->price }}<br>
   </center>

  @endforeach
</div>
</div>

thanks,

Please sign in or create an account to participate in this conversation.