こんにちは。Web担当のEです!
今回は、Bootstrap4を使用し画像を丸く表示させる方法です!
通常ですと、以下の画像のように四角く表示されると思います。
Bootstrap4の「rounded-circle」をクラス名に指定すれば
こんな感じで画像が丸く表示されるようになりました!
実際のソースがこちらです。
1 |
<img src="画像のURL" class="rounded-circle"> |
※Bootstrap3のimg-roundedやimg-circleは廃止されています。
Bootstrap3→4になり、廃止・変更されたクラスがいくつかありますので注意して利用しましょう。
_
タグ:Bootstrap,css,html
2020.11.16