在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ Angular4.0 引入bootstrap 4.0 中的 縮略圖效果 thum

Angular4.0 引入bootstrap 4.0 中的 縮略圖效果 thumbnail 問題

單獨(dú)就而言，類名變了，添加位置在<img>標(biāo)簽里了，如：<img src="..." alt="..." class="img-thumbnail">

在bootstrap3.3.7版本中，有帶padding的如下縮略圖效果：
圖片描述

但是在bootstrap4.0中變化了，沒有padding，如下圖：（地址：https://getbootstrap.com/docs...）

圖片描述

是需要自己調(diào)整嗎，還是我找的地方不對呢？

回答
編輯回答
風(fēng)清揚(yáng)

這樣寫可以（img-thumbnail 和 card 結(jié)合）

<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}}</p>
      <a href="#" class="btn btn-primary">Go somewhere</a>
    </div>
  </div>
2018年8月28日 09:58