Introduction of thumbnail effect thumbnail problem in bootstrap 4.0by Angular4.0

individually, the class name has changed and the position has been added in the tag, such as https://img.codeshelper.com/upload/img/2021/03/02/jsylq2fo2vl1897"

in the bootstrap3.3.7 version, there are the following thumbnails with padding:

bootstrap4.0padding::https://getbootstrap.com/docs...

Does

need to be adjusted by myself, or am I looking in the wrong place?

Mar.02,2021

it is OK to write this way (img-thumbnail and card are combined)

<div  class="img-thumbnail">
    <img class="card-img-top" [src]="imgUrl" alt="Card image cap">
    <div class="card-body">
      <h5 class="card-title">{{product.price}} </h5>
      <h5 class="card-title"><a [routerLink]="['/product', product.id]">{{product.title}}</a></h5>
      <p class="card-text">{{product.desc}}

<a href="-sharp" class="btn btn-primary">Go somewhere</a> </div> </div>
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1c1c81a-33300.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1c1c81a-33300.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?