【Bootstrap4】画像を丸く表示する方法

こんにちは。Web担当のEです！

今回は、Bootstrap4を使用し画像を丸く表示させる方法です！

 

 

通常ですと、以下の画像のように四角く表示されると思います。

 

 

Bootstrap4の「rounded-circle」をクラス名に指定すれば

 

 

こんな感じで画像が丸く表示されるようになりました！

 

実際のソースがこちらです。

 

 

※Bootstrap3のimg-roundedやimg-circleは廃止されています。

Bootstrap3→4になり、廃止・変更されたクラスがいくつかありますので注意して利用しましょう。

 

 

 

_

タグ：Bootstrap,css,html

2020.11.16