Bootstrap 4 grid is not displaying data from database in one row

I am setting up products from database to grid system but it is not showing in one row. Where I have made the problem?

<div class="col">
<div class="row">
<div class="col-12 col-md-6 col-lg-3">
<div class="card">
@foreach ($products as $product)
<div class="card-body">
    <img class="card-img-top" src="" alt="Card image cap">
    <h4 class="card-title"><a href="product.html" title="View Product"></a></h4>
    <div class="row">
        <div class="col">
            <p class="btn btn-danger btn-block"></p>
        </div>
        <div class="col">
            <a href="#" class="btn btn-success btn-block" id="btn">Add to cart</a>
        </div>
    </div>
</div>
@endforeach

from Newest questions tagged laravel-5 - Stack Overflow http://bit.ly/2s8x9y6
via IFTTT