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

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


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


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



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