web-dev-qa-db-ja.com

Bootstrap 4 img-circleクラスが機能していません

HTML5とBootstrap 4でWebサイトを書いていますが、正方形の画像を円に変えようとしています。 Bootstrap 3では、これは.img-circleで簡単に実行できましたが、今では動作するように見えず、オンラインで答えを見つけることができません。 Bootstrapがimg-circleクラスをドロップしたか、コードが台無しになりましたか?

次のようになります。

<!-- Within a tab-content div --> 
<div class="col-xs-7">
    <img src="img/gallery2.JPG" class="img-circle" alt="HelPic>
</div>

誰かが私を助けてくれることを願っています:)

50
Cal Courtney

今ではrounded-circleと呼ばれています BS4のドキュメントで説明されています

<img src="img/gallery2.JPG" class="rounded-circle">

デモ

114
Zim