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

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?

Angular4 bootstrap

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>

Previous: Pyautogui uses the locateOnScreen function to always return None

Next: The vue, button is traversed by v-for. Click each button to go to the specified page. The routing configuration section will not be written.