This is just a great job. thank you.

im trying to apply Shopping Demo-3, but it doesn't look the same. every "card" is taking the all width.

i tried to play around with the code ,but it seems the line <div class="col-md-3 col-sm-6"> didn't effect. products are in a row and the taking the whole page width.

what am i doing wrong?

Just to make it clear - im trying it on clean html file such as bootstrap starter template

https://getbootstrap.com/docs/4.1/getting-started/introduction/#starter-template

i did replaced the css \ js script same as here (ver 4.1.1)

thanks.

Thank you very much.

Actually, make it using Bootstrap4 Links, i'm providing you the links than try to make it and remove "integrity" inline codes from the links.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>